vue2.x和3.x修改端口号和配置代理

• vue2.x
  
  修改index.js配置文件

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    // 配置代理
    proxyTable: {
      '/api': {
        target: 'http://xx.xx.xx.xx:xxx/',//设置你调用的接口域名和端口号 别忘了加http
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''//这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
        }
      }
    },
	
    // 修改端口号
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
}

• vue3.x
  

在package.js同级目录下新建vue.config.js配置文件

（vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被@vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照JSON 的格式来写。）
https://www.jianshu.com/p/b358a91bdf2d

module.exports = {
    devServer: {
        open: process.platform === 'darwin',
        host: 'localhost',
        port: 8080,  //修改端口号
        https: false,
        hotOnly: false,
        // 配置代理
        proxy: {
            '/api': {
                target: 'http://xx.xx.xx.xx:xxxx/',
                changeOrigin: true,
                secure: false,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }, // 设置代理
        before: app => {}
    },
};