vue-cli跨域

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

一、vue.config.js 增加跨域代码

// 跨域处理
module.exports = {
  devServer: {
    port: 8088,
    host: "localhost",
    open: true,
    // 跨域需要保持为空
    proxy: {
      "/api": {
        target: "http://demoapi.com/api",
        changeOrigin: true,
        pathRewrite: {
          "^/api": "",
        },
      },
    },
  },
};

二、清空axios默认配置里的baseURL

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// elementui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

// axios
import axios from 'axios'
import VueAxios from 'vue-axios'

// axios默认配置修改 跨域需要保持为空
//axios.defaults.baseURL  = 'http://demoapi.com'

Vue.use(VueAxios, axios)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')