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;
}
}
相关文章
精彩导读
热门资讯
联系博主