Vue專案與nginx部署跨域問題

2021-08-31 03:14:36 字數 354 閱讀 3953

在使用vue構建的前端工程中,訪問本地不同ip與埠,都會存在跨域問題,下面給出乙個使用**解決的辦法:

在config目錄的index.js檔案中,新增:

proxytable: 

}}

axios.get('/api/v2/book/1220562').then(resp=>)
這還沒完,現在我們要將專案部署到nginx上,此時原來可以訪問的介面又訪問不到了,所以這個時候還要對nginx進行設定。

location /api
在nginx.conf檔案的server節點下,加上以上**即可。

Nginx部署Vue專案

npm run build生成乙個dist資料夾。將dist目錄整個複製到nginx根目錄的html資料夾下。編輯conf目錄下的nginx.conf檔案 server 因為路由的路徑資源並不是乙個真實的路徑,所以無法找到具體的檔案 因此需要rewrite到index.html,然後交給路由再處理資...

nginx部署vue專案

nginx是乙個高效能的http和反向 伺服器。因此常用來做靜態資源伺服器和後端的反向 伺服器。本文主要記錄使用nginx去部署使用vue搭建的前端專案,專案基於vue官方的腳手架vue cli構建。打包vue專案 通過npm run build命令打包好的靜態資源將輸出到dist目錄中。1.win...

nginx部署vue專案

nginx是乙個高效能的http和反向 伺服器。因此常用來做靜態資源伺服器和後端的反向 伺服器。本文主要記錄使用nginx去部署使用vue搭建的前端專案,專案基於vue官方的腳手架vue cli構建。npm run build通過上面命令後打包好的靜態資源將輸出到dist目錄中。如圖所示 安裝ngi...