【浏览器】开发环境跨域请求

1. 在vue.config.js 中配置代理

 // 配置 webpack-dev-server 行为。
    devServer: {
        // open: process.platform === 'darwin',
        open: process.env.NODE_ENV === "development",
        host: '0.0.0.0',  // 注意这个跟localhost
        port: 8080,
        https: false,
        hotOnly: true,
        // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理
        proxy: {
          '/': {
            // target: process.env.VUE_APP_URL, //对应自己的接口
            target: 'http://39.103.134.227:32497', //对应自己的接口 注意开发环境的本地代理或者测试环境的代理，在部署到正式上时，一定要换成线上的IP地址，不然，数据拿不到哦
            changeOrigin: true,
            ws: false,
            // pathRewrite: {
            //     '^/api': '',

            // }
          }
        }, // string | Object
        before: app => {}
    },