在使用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...