nginx配置location,页面访问.css、.js 报404问题解决

场景:www.xxx.com网站添加子路径,分别指向不同项目,如www.xxx.com/project1www.xxx.com/project2

1、项目打包时补充publicPath,指定js和css等资源的路径前缀为project1或者project2
https://www.webpackjs.com/guides/public-path/

2、子项目所在nginx配置location

location /project1/ {
   alias html/project1;    #编译后代码路径
   index index.html index.htm;
}

location /project2/ {
   alias html/project2;
   index index.html index.htm;
}

3、公网nginx配置location

location /project1/ {
   proxy_pass http://127.0.0.1:80/project1/;   #访问路径及端口
}

location /project2/ {
   proxy_pass http://127.0.0.1:80/project2/;   #访问路径及端口
}

location ~* /(project2|project2)/.*\.(gif|jpg|jpeg|bmp|png|js|css)${
   proxy_pass http://127.0.0.1:80;#访问路径及端口
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容