axios VUE跨域问题

1.创建vue.config.js文件

2.写入代码

module.exports = {
  
    devServer: {
        open: true,
        proxy: {
            '/index.php': {
                target: 'http://www.userup.com',//要代理的本地api地址，也可以换成线上测试地址
                changeOrigin: true//允许跨域
                
            }
        }
    },
    lintOnSave: false// 屏蔽EsLint
}

3. 本地axios代码

import axios from 'axios'
export function request(config){
	const instance = axios.create({
		baseURL:'http://localhost:8080', //本地路径，拼接路径，与main.js的路径进行拼接
		methods:'put',
		timeout:5000
		
	})
	return instance(config)
}

4.main.js 代码

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'
import {request} from './axios/index.js'  //引入axios
Vue.config.productionTip = false

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

request({
	 url:'/index.php/index/index/register'
 }).then(res=>{console.log(res)})   //请求地址