vue怎么实现用域名的二级目录访问

vue通过（NGINX）部署在子目录或者二级目录实践
1、1、修改 router/index.js
添加一行

base: 'report',

2、然后修改 config/index.js
增加一行

const assetsPublicPath = '/admin/'

然后修改 下面两处 assetsPublicPath 的值为定义的变量


然后本地就可以访问了.
Nginx像下面部署:

server {
        listen       80;
        server_name  xxx.com;
        root         /navy/web/dist;

        location /current {
                    proxy_pass http://47.100.62.xx:8086;
        }
    
        location /wreport {
           root /navy/web/dist;
           index  index.html index.html;
           try_files $uri $uri/ /index.html;
        }
    }

关键一点是要将dist文件夹下面index.html的文件中的src的report这个都删掉,一共四处,删掉就行.

图中红色箭头部分就是去掉/report的地方.去掉之后,

nginx -s reload

即可在nginx 的部署的服务器上进行访问.

如果还有什么问题,请扫码关注公众号:架构师Plus,进行提问交流