? ? ? ? 我的項目是在vue的config文件夾中的index.js中配置了接口地址?,本地跑的時候都能訪問,放到線上就報404;
module.exports = {dev: {// PathsassetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {'/xxx': {target: 'http://xxxxxxxx:xxx/', // 源地址changeOrigin: true, // 改變源pathRewrite: {'^/xxx': ''}},
}
? ? ? ? 其他的看著有說刪掉pathRewrite的對我沒用
? ? ? ? 后來看了這個大佬的文章::https://www.cnblogs.com/lwl80/p/16640842.html
????????發現改下nginx配置就行了
server {listen xxx;server_name localhost;#charset koi8-r;#access_log logs/host.access.log main;location / {root xxx/xxx/xxx;index index.html index.htm;}# 由于路由的資源不一定是真實的路徑,無法找到具體文件# 所以需要將請求重寫到 index.html 中,然后交給真正的 Vue 路由處理請求資源location @router {rewrite ^.*$ /index.html last;}# 關鍵步驟,這里表示將所有的 /admin/ 開頭的請求都轉發到下面 proxy_pass 指定的鏈接中# 為了防止在訪問頁面時請求就被 Nginx 代理轉發,這里需要更具體的配置,才能和前端訪問請求區分開location /admin/ {# 后端的真實接口proxy_pass http://xxxxxxxxx:xxx/;proxy_redirect off;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header Cookie $http_cookie;#for Ajax#fastcgi_param HTTP_X_REQUESTED_WITH $http_x_requested_with;proxy_set_header HTTP-X-REQUESTED-WITH $http_x_requested_with;proxy_set_header HTTP_X_REQUESTED_WITH $http_x_requested_with;proxy_set_header x-requested-with $http_x_requested_with;client_max_body_size 10m;client_body_buffer_size 128k;proxy_connect_timeout 90;proxy_send_timeout 90;proxy_read_timeout 90;proxy_buffer_size 128k;proxy_buffers 32 32k;proxy_busy_buffers_size 128k;proxy_temp_file_write_size 128k;}
}