vue3中axios跨域问题解决记录

问题：

​ 在vue3中使用axios，因为后端运行在本机11000端口，vue运行在8080端口，所以理所当然遇到了跨域问题

问题解决：

网上查了许多方法，试过很多，但最后只用这样做问题就解决了。

（最开始用的好像就是这种办法，但没有成功，可能是哪一细节出错了，可以尝试用cnpm（对应国内镜像服务器，网上有安装指令）代替npm指令，也可以使用）

1、添加vue.config.js

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                //1.必须添加http前缀，没添加我运行不了
                //2.localhost、127.0.0.1、公网地址三者都可以使用
                //3.结尾加不加/都ok
                target: 'http://localhost:11000',
                // 允许跨域
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}

2、使用axios访问，注意添加api前缀来代替http://localhost:11000（api前加不加/都没有影响）

//localhost:11000（api前加不加/都没有影响）