Vue中vue.config.js文件的常用配置

带刺玫瑰DCMG

已于 2023-07-04 09:30:36 修改

阅读量408

点赞数

分类专栏： vue 文章标签： vue.js 前端

于 2021-12-06 13:50:32 首次发布

带刺玫瑰

本文链接：https://blog.youkuaiyun.com/qweeryyioop/article/details/121743809

版权

vue 专栏收录该内容

8 篇文章

订阅专栏

本文档详细介绍了项目的配置文件，包括区分开发与生产环境的 baseUrl，静态资源打包路径，输出目录，以及开发服务器的代理设置，特别关注了跨域配置以支持API请求.

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里只记录本人常用配置，更多配置详见官网。

module.exports = {
	/**
		* 区分打包环境与开发环境
		* process.env.NODE_ENV==='production'  (打包环境)
		* process.env.NODE_ENV==='development' (开发环境)
		* baseUrl: process.env.NODE_ENV==='production'?"https://xxx":""
	**/
	/**
		* 项目部署的基础路径
		* baseUrl: '/',//vue-cli3.3以下版本使用
		* publicPath: '/',//vue-cli3.3+新版本使用
	**/
	/**
		* 构建好的文件输出到哪里
		* outputDir: "dist",
	**/
	/**
		* 静态资源打包地址
		* assetsDir: "base"
	**/
	/**
		* 是否在保存时使用eslint-loader进行检查
		* lintOnSave: true,
	**/
	/**
		* 跨域配置
		devServer: {
			open: true, //自动启动浏览器
			disableHostCheck: false,
			host: "0.0.0.0",
			port: 8080,// 端口号
			https: false,// true配置之后可使用生成 https://localhost:8080/
			hotOnly: false,//热更新（webpack已实现了，这里false即可）
			proxy:{
				"/api": {
			        target: "http://192.168.0.78:8081/sszt-base-dev",
			        ws: false,
			        changeOrigin: true
			}
	**/
}