vue+webpack+nginx 部署在服务器非根目录下访问404问题

最近想把全部的前端项目都整合在两台机器上,经过负载访问以下路径
Https://域名/gameCenter/
Https://域名/member/
Https://域名/loan/
这样的方式访问javascript

按照平时的打包方式,直接将webpack打包好的包放到服务器上
服务器路径/H5/gameCenter(并不是平时的/gameCenter)css

在ngnix中作好配置以下:html

location  ^~ /gameCenter/{
                alias /H5/gameCenter/;
                try_files $uri $uri/ /gameCenter/index.html;
                gzip on;
                gzip_types application/javascript text/css image/jpeg image/png;
        }

结果访问Https://域名/gameCenter/ 时一片红,各类/static/js /static/css找不到前端

困扰了好几天,跟孙老板各类改~java

最后终于改好了,总结了如下几点
一、修改config/index.js配置文件webpack

clipboard.png

二、修改build/webpack.prod.conf.js配置文件web

clipboard.png

三、修改router/index.js服务器

clipboard.png

四、修改ngnix配置app

clipboard.png

这几个改好了,部署就没有问题啦~ 分享给你们ui

相关文章
相关标签/搜索