快捷導(dǎo)航

vue cli3 配置proxy代理無(wú)效的解決

更新時(shí)間：2019年10月30日 10:19:49 作者：狗剩和翠花

今天小編就為大家分享一篇vue cli3 配置proxy代理無(wú)效的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

vue cli3 創(chuàng)建的vue項(xiàng)目配置開發(fā)環(huán)境代理無(wú)效，網(wǎng)上的各種配置都試了，還是不行，最后終于試出來(lái)一種配置方法

vue.config.js配置如下內(nèi)容(不要配置任何多余的選項(xiàng)，什么changOrigin pathRewrite 之類的東西都不要配)：

module.exports = {
  devServer: {
    proxy:"http://127.0.0.1:8081",
    port: 8085
  }
}

axios訪問的時(shí)候不要配置任何東西，axios里訪問的url不需要加任何前綴，如下

補(bǔ)充注釋如下：

const webpack = require('webpack')
module.exports = {
  devServer: {
    proxy:"http://127.0.0.1:8081", //開發(fā)環(huán)境的跨域問題解決，后端springboot服務(wù)ip 和 端口
    port: 8085 //dev模式下的前端服務(wù)端口，也就是瀏覽器通過(guò)localhost：8085 訪問前端頁(yè)面
  },
 configureWebpack: {
  plugins: [
   new webpack.ProvidePlugin({
    $:"jquery",
    jQuery:"jquery",
    "windows.jQuery":"jquery"
   })
  ]
 }
}

以上這篇vue cli3 配置proxy代理無(wú)效的解決就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue項(xiàng)目使用axios封裝request請(qǐng)求的過(guò)程
這篇文章主要介紹了vue項(xiàng)目使用axios封裝request請(qǐng)求，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-04-04
vue devserver及其配置方法
這篇文章主要介紹了vue devserver及其配置方法,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-12-12
vue中使用AJAX實(shí)現(xiàn)讀取來(lái)自XML文件的信息
這篇文章主要為大家詳細(xì)介紹了vue中如何使用AJAX實(shí)現(xiàn)讀取來(lái)自XML文件的信息,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,需要的小伙伴可以參考下
2023-12-12
Axios代理配置及封裝響應(yīng)攔截處理方式
這篇文章主要介紹了Axios代理配置及封裝響應(yīng)攔截處理方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
Vue使用vm.$set()解決對(duì)象新增屬性不能響應(yīng)的問題
這篇文章主要介紹了Vue使用vm.$set()解決對(duì)象新增屬性不能響應(yīng)的問題,為了解決這個(gè)問題，Vue提供了一個(gè)特殊的方法vm.$set(object, propertyName, value)，也可以使用全局的Vue.set(object, propertyName, value)方法，需要的朋友可以參考下
2023-05-05
Vue中代碼傳送(teleport)的實(shí)現(xiàn)
本文主要介紹了Vue中代碼傳送(teleport)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
一文詳解Vue3響應(yīng)式原理
這篇文章主要介紹了一文詳解Vue3響應(yīng)式原理，文章通過(guò)與vue2.x?的響應(yīng)式做對(duì)比詳解展現(xiàn)出了Vue3響應(yīng)式原理詳情，感興趣的小伙伴可以參考一下
2022-06-06
Vue3實(shí)現(xiàn)跑馬燈效果
這篇文章主要為大家詳細(xì)介紹了Vue3實(shí)現(xiàn)跑馬燈效果，可以更換顏色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
Vue文件的組織結(jié)構(gòu)不合理之優(yōu)化項(xiàng)目結(jié)構(gòu)詳解
在這篇博客中,我們將探討 Vue 文件組織結(jié)構(gòu)不合理的幾個(gè)常見問題,并提供解決方案,以幫助開發(fā)者創(chuàng)建更清晰、更高效的項(xiàng)目文件結(jié)構(gòu),希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2025-03-03
vant 中van-list的用法說(shuō)明
這篇文章主要介紹了vant 中van-list的用法說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-11-11