输出一个企业的vue项目的vue.config.js配置
时间: 2024-05-05 12:21:23 浏览: 68
vue.config.js配置
以下是一个企业的Vue项目的示例`vue.config.js`配置文件:
```
module.exports = {
publicPath: process.env.NODE_ENV === 'production' ? '/my-app/' : '/',
outputDir: 'dist',
assetsDir: 'static',
lintOnSave: process.env.NODE_ENV !== 'production',
devServer: {
port: 8080,
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
这个配置文件做了以下的事情:
- 设置了打包后的静态文件的公共路径(如果是生产环境,则为 `/my-app/`,否则为 `/`)。
- 设置了打包后的输出目录为 `dist`。
- 设置了静态资源目录为 `static`。
- 设置了是否在开发环境下通过 `eslint-loader` 在保存时检查代码。
- 设置了开发服务器的端口号为 `8080`。
- 配置了开发服务器的代理,将以 `/api` 开头的请求转发到 `http://localhost:3000`,并将路径中的 `/api` 去掉。
阅读全文