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

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

作者: 郑晓 分类: 建站经验 发布于: 2019-11-25 12:49 浏览(1,162) 评论(1)


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无法访问的问题:目前有1 条留言

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

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