vue cli3 配置proxy代理無效的解決
更新時間：2019年10月30日 10:19:49 作者：狗剩和翠花
今天小編就為大家分享一篇vue cli3 配置proxy代理無效的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
vue cli3 創(chuàng)建的vue項目配置開發(fā)環(huán)境代理無效，網(wǎng)上的各種配置都試了，還是不行，最后終于試出來一種配置方法
vue.config.js配置如下內(nèi)容(不要配置任何多余的選項，什么changOrigin pathRewrite 之類的東西都不要配)：
module.exports = {
devServer: {
proxy:"http://127.0.0.1:8081",
port: 8085
}
}
axios訪問的時候不要配置任何東西，axios里訪問的url不需要加任何前綴，如下
補充注釋如下：
const webpack = require('webpack')
module.exports = {
devServer: {
proxy:"http://127.0.0.1:8081", //開發(fā)環(huán)境的跨域問題解決，后端springboot服務(wù)ip 和 端口
port: 8085 //dev模式下的前端服務(wù)端口，也就是瀏覽器通過localhost：8085 訪問前端頁面
},
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
]
}
}
以上這篇vue cli3 配置proxy代理無效的解決就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Vue項目中最新用到的一些實用小技巧，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
這篇文章主要介紹了Vue支持搜索與篩選的用戶列表實現(xiàn)流程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧2022-10-10
這篇文章主要為大家詳細介紹了vue實現(xiàn)分頁組件的具體代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了vue.js 上傳圖片實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
vue-router報錯:uncaught error during route
這篇文章主要介紹了vue-router報錯:uncaught error during route navigati問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
在VUE開發(fā)項目的過程中,插槽<slot>是重要的承載分發(fā)內(nèi)容的出口,下面這篇文章主要給大家介紹了關(guān)于Vue3插槽(slot)使用的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了使用Vue寫一個開心消消樂游戲，游戲算法在文中給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了vue簡單的二維數(shù)組循環(huán)嵌套方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue $mount 和 el的區(qū)別說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要介紹了vue組件內(nèi)部引入外部js文件的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-01-01