1. 程式人生 > >Vue.js專案跨域配置

Vue.js專案跨域配置

在開發vue專案本地開發過程中如何進行介面的呼叫,進行跨域設定。一般通過nginx、或者npm來進行跨域的配置。直接用Vue框架搭建的專案是可以在專案內配置跨域的。

vue.js開啟跨域

專案config目錄下index.js

proxyTable:{}  在括號內新增配置

proxyTable: {
     '/ser':{
       target:'url', 
       changeOrigin: true,
       pathRewrite: {
         '^/ser': ''
       }
     }
   },

url為api 介面路徑

呼叫

src 目錄下 main.js進行全域性變數的定義

Vue.prototype.HOST="/ser"

this.HOST+"/(介面名稱)"