【VUE】vue在vue-cli3環境下基於axios解決跨域問題

網上的絕大部分教程解決vue+axios跨域問題都不能直接適用vue-cli3。這是由於vue-cli3不同的配置方式致使的。

若是是使用vue-cli3構建的項目，那麼默認是沒有config.js文件的。按照官方文檔介紹，每一個人能夠經過在項目根目錄下創建vue.config.js文件，配置屬於本身的config文件。

以後按照網上其餘的解決axios跨域問題的方案實施便可。

// vue.config.js

module.exports = {

    publicPath: '/',

    devServer: {

        proxy: {

            '/api': {

                target: 'http://localhost:10086',

                changeOrigin: true,

                ws: true,

                pathRewrite: {

                  '^/api': ''

                }

            }

        }

    }

}