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; } }