Vue项目部署到服务器 刷新提示404
作者:Alpha时间:2023-03-24 阅读数:3226 +人阅读
Vue项目打包部署到线上后,刷新页面会提示404。这是因为网页访问的是静态绝对路径,而服务器上没有该路径。
方法一:使用vue-router有两种模式
修改src/router/index.js文件中的history属性,设置为createWebHashHistory。(这种调整,会使url出现"#")
const router = createRouter({ history: createWebHistory(), routes })
方法二:
如果不想页面url上出现#的形式,可以通过调整nginx.conf配置文件进行调整
location /{ if (!-e $request_filename){ rewrite ^(.*)$ /index.html?s=$1 last; break; } }
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱:595397166@qq.com
上一篇:vue确认提示框
下一篇:没有了