Vue history模式编译后nginx无法访问的问题
作者: 郑晓 分类: 建站经验 发布于: 2019-11-25 12:49 浏览:9,358 评论(3)
Vue的项目,使用history路由模式相比hash模式来说,url会比较美观。但新手在把项目编译后并使用nginx配置访问时,点击其它页时会空白,F12查看请求,返回304,并且提示“We’re sorry but xxxxxx doesn’t work properly without JavaScript enabled. Please enable it to continue。
我解决的方法是首先在nginx里要正确配置好了urlrewrite:
location / { try_files $uri $uri/ /index.html; }
然后项目在build编译时增加参数 –modern
npm run build --modern
或在vue ui中配置编译变量,打开Modern mode(针对现代浏览器构建应用,自动向后兼容)模式。
现在再使history模式访问时就正常了。
参考:https://cli.vuejs.org/zh/guide/browser-compatibility.html
本文采用知识共享署名-非商业性使用 3.0 中国大陆许可协议进行许可,转载时请注明出处及相应链接。
本文永久链接: https://www.zh30.com/vue-history-nginx.html
Vue history模式编译后nginx无法访问的问题:目前有3 条留言
加油
加油
非技术的路过。https://repostone.home.blog/