vue本地開發做反向代理（解決跨域問題）

在config/index.js這個文件裏面，去修改

module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {
        target: 'http://127.0.0.1:3000',// 這個是你服務器開啓的接口
        changeOrigin: true,// 是否跨域
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

這裏主要是做一個轉發，解決本地開發的跨域問題（這裏自己做一個總結）

如若需要訪問這個接口，這裏我們以axios爲例

axios.get('/api',{

params:{

id:'123'

}})

如果需要訪問這個服務下，其他的接口，比如：http:127.0.0.1:3000/user

axios.get('/api/user')....就行了

下面是關於反向代理vue官方具體文檔 傳送門，有興趣的可以去了解一下