vue history 模式nginx配置及配置后刷新 404 的解决办法!
vue history模式下nginx配置在usr/local/nginx/conf/vhost 下 域名.conf配置文件修改或添加server{##在server下添加或在location里面添加以下代码location /{if (!-e $request_filename) {...
·
vue history模式下nginx配置
在usr/local/nginx/conf/vhost 下 域名.conf配置文件修改或添加
server
{
##在server下添加或在location里面添加以下代码
location /
{
if (!-e $request_filename) {
rewrite ^(.*)$ /index.html?s=$1 last;
break;
}
}
## 如果访问的不是根目录用下面方式设置 qiancheng是我的子目录
location /qiancheng{
if (!-e $request_filename) {
rewrite ^/(.*) /qiancheng/index.html last;
break;
}
}
}
配置后刷新页面出现404的话前端改一下打包文件把相对路径改成绝对路径就OK了!
// 这是原来的代码
<link href=./static/css/app.917e9845e61fd94284baf966597e6264.css rel=stylesheet>
// 这是修改后的代码
<link href=/static/css/app.917e9845e61fd94284baf966597e6264.css rel=stylesheet>
// 如果访问的是子目录请加上子目录
<link href=/子目录/static/css/app.917e9845e61fd94284baf966597e6264.css rel=stylesheet>
更多推荐
已为社区贡献1条内容
所有评论(0)