vue-cli3.0跨域請求

一、經過vue-cli3.0建立的項目想要實現跨域請求操做

二、首先須要穿件配置文件vue.config.js

三、注意此文件建立在項目的根路徑下面，不要建立在src下面

文件配置網上有不少，因爲理解不深，便不詳解，

const path = require('path')
const debug = process.env.NODE_ENV !== 'production'

module.exports = {
    baseUrl: '/', // 根域上下文目錄
    outputDir: 'dist', // 構建輸出目錄
    assetsDir: 'assets', // 靜態資源目錄 (js, css, img, fonts)
    lintOnSave: false, // 是否開啓eslint保存檢測，有效值：ture | false | 'error'
    runtimeCompiler: true, // 運行時版本是否須要編譯
    transpileDependencies: [], // 默認babel-loader忽略mode_modules，這裏可增長例外的依賴包名
    productionSourceMap: true, // 是否在構建生產包時生成 sourceMap 文件，false將提升構建速度
    configureWebpack: config => { // webpack配置，值位對象時會合並配置，爲方法時會改寫配置
        if (debug) { // 開發環境配置
            config.devtool = 'cheap-module-eval-source-map'
        } else { // 生產環境配置
        }
         Object.assign(config, { // 開發生產共同配置，配置別名
             resolve: {
                 alias: {
                     '@': path.resolve(__dirname, './src'),
                     '@c': path.resolve(__dirname, './src/components'),
                    'vue$': 'vue/dist/vue.esm.js'
                }
            }
         })
    },
    chainWebpack: config => { // webpack連接API，用於生成和修改webapck配置，
        if (debug) {
            // 本地開發配置
        } else {
            // 生產開發配置
        }
    },
    parallel: require('os').cpus().length > 1, // 構建時開啓多進程處理babel編譯
    pluginOptions: { // 第三方插件配置
    },
    pwa: { // 單頁插件相關配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
    },
    devServer: {
        open: true,
        host: 'localhost',
        port: 8081,
        https: false,
        hotOnly: false,
        proxy: { // 配置跨域
            '/api': {
　　　　　　　　　　//要訪問的跨域的api的域名
                target: 'http://localhost:5001/api/',
                ws: true,
                changOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        },
        before: app => { }
    }
}

以上是vue.config.js的配置，小夥伴們也能夠去網上找配置文件 ，