当前位置:博客首页>>建站经验 >> 阅读正文

Vue history模式编译后nginx无法访问的问题

作者: 郑晓 分类: 建站经验 发布于: 2019-11-25 12:49 浏览:8,912 评论(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 条留言

用户评论头像 11发表于 2019年12月18日 09:51[回复]

加油

    用户评论头像 wy发表于 2020年07月02日 19:28[回复]

    加油

用户评论头像 repostone发表于 2019年11月29日 16:48[回复]

非技术的路过。https://repostone.home.blog/

发表评论

change vcode