脚手架配置

vue.config.js

在项目根目录创建vue.config.js文件，当然也可以在package.json的vue字段里去写，但是要注意 JSON 格式。

这里只说 js 文件如何配置

// vue.config.js
module.exports = {
  // 选项...
  publicPath: "/网站的二级地址，默认是根目录/",
  /*
    还可以使用环境变量来控制开发地址和上线地址
    publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/
   */
  outputDir: "/指定打包后文件所在的位置，默认是dist文件夹",
  // 设置代理跨域请求，对开发模式很友好
  /*
  我们知道，默认请求/是访问的public的静态资源，如果没有对应的静态资源就会去访问指定的http://localhost:4000接口了
   */
  devServer: {
    proxy: 'http://localhost:4000'
  }
  // 所以我们还可以给它取别名,这样请求接口写‘/api’就行了
  devServer: {
    proxy: {
      '/api': {
        target: '<url>',
        ws: true, // 这个是开启了socket
        changeOrigin: true,
        pathRewrite: {
          '^/api/': "" // 必须要有这个配置，不然不生效
        }
      },
      '/foo': {
        target: '<other_url>'
      }
    }
  }
};