vue代理服务器proxy配置解决跨域问题

如果没有vue脚手架需先在终端中运行安装脚手架

npm i @vue/cli -g

使用vue脚手架创建项目

vue created vue_dome(项目名)

手动在项目根目录创建vue.config.js文件

# vue.config.js
module.exports = {
  devServer: {
    host: 'localhost',
    port: 8080,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',// 要跨域的域名
        changeOrigin: true, // 是否开启跨域
      },
      '/get': {
        target: 'http://localhost:3000',// 要跨域的域名
        changeOrigin: true, // 是否开启跨域
      }
    }
  }
}
————————————————
版权声明：本文为CSDN博主「搬砖猴哥」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_41819098/article/details/88053296

在请求跨域接口的时候就可以利用本地服务加上要跨域的接口地址即可

axios.get('http://localhost:8080/api/login')