linux nginx部署vue專案 實現跨域

2021-09-29 15:09:41 字數 674 閱讀 7238

一、前端

1. 不需要配置  proxytable

config/index.js  這個檔案下的   proxytable 不需要改寫,不需要做跨域處理 (配置了也可以,不影響跨域)

2.  前端請求呼叫後端介面

axiosget() )

}

'/api/city/1'   為 請求位址, /api  會在 nginx  配置檔案裡 做**, 

前端所有請求都使用相對位址,假設都以「/api」開頭,說明一下「/api」並不是介面url中真實存在,只是為了統一**才加上的,

然後在 nginx/conf/nginx.conf  檔案下的  server模組中新增配置

3.   需要將 vue 專案   npm run build   編譯生成的 dist 資料夾  放置於    nginx  html資料夾下

路徑  :    /usr/local/nginx/html/

二、nginx 配置

location /

location /api/

nginx 配置 修改部分如上,其他的按照初始的來

檔案路徑  /usr/local/nginx/conf/nginx.conf

三、 後端服務

後端服務 提供 呼叫介面

例如  :

Linux Nginx 安裝筆記

環境 vmware workstation 10,centos 7 x86 64 1511.iso,xshell 4.0,ip 192.168.216.140 root localhost yum list nginx yum檢視nginx安裝資訊 已載入外掛程式 fastestmirror loa...

linux nginx完全解除安裝

nginx雖然好用,但是一旦關鍵配置檔案被修改,想要解除安裝重灌卻是相當困難。本人因為採用apt get方式安裝後又原始碼安裝了nginx,結果出現衝 突,解除安裝不了,安裝不上,很是蛋疼。主要的問題還是nginx解除安裝的時候,沒有完全清除關聯關係,也沒有刪除對應檔案或者資料夾。rm rf etc...

linux nginx完全解除安裝

nginx雖然好用,但是一旦關鍵配置檔案被修改,想要解除安裝重灌卻是相當困難。本人因為採用apt get方式安裝後又原始碼安裝了nginx,結果出現衝 突,解除安裝不了,安裝不上,很是蛋疼。主要的問題還是nginx解除安裝的時候,沒有完全清除關聯關係,也沒有刪除對應檔案或者資料夾。rm rf etc...