Vue開發(fā)環(huán)境跨域訪問問題

更新時間：2020年01月22日 08:36:11 作者：芋頭豬爸爸

這篇文章主要介紹了Vue開發(fā)環(huán)境跨域訪問問題,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下

Vue開發(fā)環(huán)境跨域訪問其他服務器或者本機其他端口，需要配置項目中config/index.js文件，修改如下

module.exports = {
 dev: {

  // Paths
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  },

其中主要是加入

 proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  }

這樣你通過axios 或fetche訪問 /api/** 便相當于跨域訪問了 http://192.168.1.99:8080/

總結

以上所述是小編給大家介紹的Vue開發(fā)環(huán)境跨域訪問問題，希望對大家有所幫助！

您可能感興趣的文章:

關于vite+vue3打包部署問題
這篇文章主要介紹了關于vite+vue3打包部署問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-07-07
使用vant的地域控件追加全部選項
這篇文章主要介紹了使用vant的地域控件追加全部選項，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
vue中的文本空格占位符說明
這篇文章主要介紹了vue中的文本空格占位符說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-06-06
vue 中url 鏈接左邊的小圖標更改問題
這篇文章主要介紹了vue 中url 鏈接左邊的小圖標更改問題，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-12-12
Vue之監(jiān)聽數(shù)據的原理詳解
這篇文章主要為大家介紹了Vue之監(jiān)聽數(shù)據的原理，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>
2021-11-11
vue+element實現(xiàn)動態(tài)加載表單
這篇文章主要為大家詳細介紹了vue+element實現(xiàn)動態(tài)加載表單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
vue將對象新增的屬性添加到檢測序列的方法
下面小編就為大家分享一篇vue將對象新增的屬性添加到檢測序列的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-02-02
vue項目的創(chuàng)建的步驟(圖文教程)
本文主要介紹了vue項目的創(chuàng)建的步驟(圖文教程)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
使用vue實現(xiàn)pdf預覽功能的方法
許多朋友想要材料上傳之后點擊預覽實現(xiàn)在瀏覽器上預覽的效果,所以本文將給大家介紹如何使用vue實現(xiàn)pdf預覽功能,文中有實現(xiàn)代碼,有需要的朋友可以參考閱讀下
2023-08-08
vue3 setup中defineEmits與defineProps的使用案例詳解
在父組件中定義String、Number、Boolean、Array、Object、Date、Function、Symbol這些類型的數(shù)據,使用defineEmits會返回一個方法,使用一個變量emits(變量名隨意)去接收,本文給大家介紹vue3 setup中defineEmits與defineProps的使用案例,感興趣的朋友一起看看吧
2023-10-10