vue-cli3.0 vue打包部署非根目錄時,js\css路徑錯誤,找不到文件

以這個審批設置爲例
在這裏插入圖片描述
裏面是個vue項目,沒有直接放在a.xxx.com下面,而是放在了/espace/下面
在這裏插入圖片描述

修改
1.router.js

在這裏插入圖片描述

2.vue.config.js

在這裏插入圖片描述

3.nginx配置
server {
   listen 8001;
   location / {
       root   /opt/espace; #示例 /root/lc/dist #注意:用‘/’
       index  index.html index.htm;
       try_files $uri $uri/ /index.html;  #解決子頁面適配,刷新404問題
   }
}

upstream a.xxx.com{
    server 127.0.0.1:8081;
}
server {
    server_name a.xxx.com;
  	location /{
        proxy_pass http://a.xxx.com;
    }
    location ^~/espace/ {
        proxy_pass http://127.0.0.1:8001/;
    }
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章