Vue CLI 3+ 配置文件 vue.config.js

vue.config.js 文件是不会在构建过程中创建的，Vue CLI 3+ 使用了默认配置。

如果需要改动配置，在根目录手动创建 vue.config.js 文件并进行自定义。

以下来自官网：

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

vue.config.js 应当导出一个包含选项的对象：

module.exports = {
  // 选项...
}

选项介绍

---

publicPath

默认值：'/'。默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。如果应用被部署在一个子路径上（如 Tomcat 的 ServletContext），你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.my-app.com/my-app/，则设置 publicPath 为 /my-app/。

以下写法会更常用，开发环境与生产环境。

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

devServer.port

监听请求的端口号，默认值：8080。

devServer: {
  port: 3000
}

devServer.proxy

如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。

注意：这是跨域请求的一种解决方式。

module.exports = {
  devServer: {
    proxy: 'http://localhost:4000'
  }
}

这会告诉开发服务器将任何未知请求 (没有匹配到静态文件的请求) 代理到 http://localhost:4000。