vue脚手架跨域问题-代理服务器proxy配置

1.安装脚手架

npm i @vue/cli -g

2.脚手架创建项目

vue create myproject

3.创建项目完成后，手动在项目根目录创建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, // 是否开启跨域
      }
    }
  }
}