vue3+cli-service配置代理，跨域请求

一、配置代理端口和代理转发

在vue.config.js文件中 

const {defineConfig} = require('@vue/cli-service')
 
module.exports = defineConfig({
    devServer: {
        host: '0.0.0.0',
        port: 8088,  // 启动端口号
        proxy: {
            '/api': { 
                // 请求接口中要替换的标识
                target: '', 
                // 代理地址，后端地址
                ChangeOrigin: true, 
                // 是否允许跨域
                pathRewrite: {
                    '^/api': '' 
                // 这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
                }
            }
        }
    }
})

二、配置接口请求

是一个http.js文件，根据自己需求放在适合的文件夹里，文件名自己也可以定义

import axios from 'axios'
const isDev = process.env.NODE_ENV === 'development&#