用 Nginx 部署两套vue前端项目,其他都好了,就是第二套(没有在根目录部署)的项目刷新报错
location / {
root html/reception/dist;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
location /admin {
alias html/admin/dist;
index index.html index.html;
try_files $uri $uri/ /index.html;
}
前端第二套,打包base,路由base都是配置好了,/admin/
第一个项目一切正常,第二个不点浏览器刷新是正常的,刷新就报上面的错误,
请问有谁遇到过吗?
搞了这么久,只是单纯的需要在try_files 后面写成
$uri $uri/ /admin/index.html;
之前一直没有加 /admin,所以第二个配置是:
location /admin {
alias html/admin/dist;
index index.html index.html;
try_files $uri $uri/ /admin/index.html;
}
可能是你第二套代码本身有错,比如,多写了什么符号之类的。
可以发现,项目打包后的js,css文件都找不到了。CDN导入的script都成功加载了。
nginx代理并无问题,能找到项目
看看404的css文件,请求链接明显不对,正确的URL应该是:http://域名/myvuetb/css/app.49371614.css才对。
项目的根目录出错了,它取的是nginx的根目录,而非为该项目配置的目录:
出现这种问题情况:一是代码出现问题所以报错,二是这两个文件打包了源代码里有但是文件没用上,三是script引入了但是源代码里没打包;
大概率是第三种情况,你发一下index.html代码看一下他是怎么引入的