Vue.js + vue.router + 历史模式 + Django = 错误

Posted

技术标签:

【中文标题】Vue.js + vue.router + 历史模式 + Django = 错误【英文标题】:Vue.js + vue.router + history mode + Django = Error 【发布时间】:2018-12-09 14:53:02 【问题描述】:

当我在 webpack 配置中使用 publicPath: '/static/' 时,我的 Vue.js 应用程序在 Django Web 服务器(开发和生产)上运行良好。

但是现在我正在尝试使用历史模式。我必须将publicPath 更改为"/",否则URL 总是在域和实际目标之间获得一个“/static/”。

Vue.js 开发服务器仍然运行良好,但是生产和开发 Django 服务器在浏览器控制台中都给我这些错误:

Uncaught SyntaxError: Unexpected token http://127.0.0.1:8000/6.01a214ce.css”。

我尝试了几种不同的解决方案,例如:

publicPath: './' assetsPublicPath: '/static/' 在基本 html 中(编译时出错)

我该如何解决这个问题?

【问题讨论】:

【参考方案1】:

这实际上是一个框架问题..我正在使用 Quasar.. 出于某种原因,你必须改变 基础:process.env.VUE_ROUTER_BASE, 到 基数:“/”,

在 router/index.js 中,当您使用 Django 时,默认值似乎采用静态 url。 也许它可以帮助某人

【讨论】:

以上是关于Vue.js + vue.router + 历史模式 + Django = 错误的主要内容,如果未能解决你的问题,请参考以下文章

Vue:vue-router路由

04 Vue Router路由管理器

Vue Router 10 条高级技巧

Vue Router:直接从浏览器地址栏访问页面

Vue.js + vue-resource + vue-router = 词法声明错误?

Vue.js路由管理器 Vue Router