vue 打包後訪問接口報錯404 解決方案 （前提是在vue裏使用了代理）

先上圖展現下本身vue裏面針對跨域設置的代理截圖，記住紅框裏面的代碼，待會要用。通常設置代理都是爲了防止在測試調用接口的時候出現跨域的狀況，可是設置代理後直接npm run start並無問題，訪問接口也正常，可是當打包執行npm run build 以後，console控制檯會出現下圖404的狀況 若是build後的dist文件是放在nginx上的，可用如下方式解決 ，記得上圖紅框裏面的代碼嗎，把對應的接口地址和反向代理的名稱在nginx的nginx.conf文件裏補充一下就能夠，解決404的問題
nginx配置圖：

nginx配置代碼：
server {
listen 8082;
server_name localhost;
location / {
root D:/GXT/gxtWebsite/dist;
index index.html index.htm;
}
location /getNews {
proxy_pass http://172.16.27.67:8080/enterprise/selectAll;
}
location /getProducts {
proxy_pass http://172.16.27.67:8080/enterprise/selectProductSolution;
}
}

另：千萬不要在
location /getNews {
proxy_pass http://172.16.27.67:8080
}
這個nginx配置裏面直接寫域名，至少後面跟一個方法 /selectAll，雖然我不知道爲何，可是直接域名的話好像不行，仍是會404， 要這麼寫
location /getNews {
proxy_pass http://172.16.27.67:8080/enterprise/selectAll;
}