1. vue.config.js文件 server部分配置
在 Vue CLI 项目中，vue.config.js 是一个可选的配置文件，如果它存在于项目的根目录下，将会被 Vue CLI 自动加载。
这个文件用于向 @vue/cli-service 提供自定义配置选项。其中，devServer 配置项可以用来设置开发服务器的行为。
下面是一些常见的 devServer 配置示例：
1.1. 基本配置
module.exports = {
devServer: {
// 基础路径
publicPath: '/',
// 主机地址，默认为 localhost
host: 'localhost',
// 端口号
port: 8080,
// 是否自动打开浏览器
open: true,
// 是否启用 gzip 压缩
compress: true,
// 是否显示启动信息
quiet: false,
// 是否显示覆盖信息
overlay: {
warnings: true,
errors: true
},
// 代理配置
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: { '^/api': '' }
}
}
}
}1.2. 解释
/，在生产环境中可以根据需要进行调整。localhost，但你可以设置为 0.0.0.0 来允许外部访问。true，则会在开发服务器启动后自动打开浏览器窗口。true，则会启用 gzip 压缩来加快响应速度。true，则会隐藏除错误之外的所有信息。target 是目标 API 服务器的 URL；changeOrigin 可以使请求看起来像是从目标域名发出的；pathRewrite 可以重写路径。这些配置可以帮助你更好地控制开发服务器的行为，提高开发效率。根据你的具体需求，你可以选择性地使用上述配置项。
如果你的项目中没有 vue.config.js 文件，你可以创建一个，并添加上面的配置。
