vue-cli3 修改默认图标、 title 、端口号、根路径以及代理配置

深碍√TFBOYSˉ_ 2022-11-18 15:00 124阅读 0赞

**直接在 package.json 文件同级创建 vue.config.js 文件，具体配置如下：**

module.exports = { 
    	//跟路径
    	baseUrl：'/',
    	//图标路径设置
    	pwa: { 
    		iconPaths: { 
    			favicon32: 'favicon.png',
            	favicon16: 'favicon.png',
            	appleTouchIcon: 'favicon.png',
            	maskIcon: 'favicon.png',
            	msTileImage: 'favicon.png'
    		}
    	},
    	//入口文件和 title
    	pages: { 
    		index: { 
    			entry: 'src/main.js',
            	title: '名称', 
    		}
    	},
    	//配置代理
    	devServer: { 
    		port: 9999, //端口号
    		proxy: { 
    			'/api': {   
    	          target: 'http://192.168.2.196:8080/api/',
    	          changeOrigin: true,
    	          pathRewrite : { 
    	            "^/api" : ""
    	          }
    	        }
    		}
    	}
    }

**注意：**

> 1、vue-cli3.3 版本以后 baseUrl 被废除了， 需要使用 publicPath 替换。  
> 2、上面这种设置的 title 可以是中文也可以是英文，设置 pages.index 的时候必须加上 entry 属性，否则会报错。  
> 3、修改之后需要重新启动项目

**还有一种修改 title 的方法：**  
直接修改 package.json 文件的 name 属性，这样也可以直接修改 title ，但是这种不能填写中文。

发表评论取消回复

表情：

评论列表（有 0 条评论，124人围观）

还没有评论，来说两句吧...

相关阅读

相关 php redis 修改端口号,redis端口号是什么

![6fe954069f8de1f09861f78f8bed6aef.png][] redis默认端口号是6379。 REmote DIctionary Server(Re

Love The Way You Lie/ 2023年01月16日 04:48/ 0 赞/ 190 阅读

相关修改 mysql 的默认端口号_mysql的默认端口号修改方法

mysql的默认端口号修改方法发布时间：2020-06-08 17:16:46 来源：PHP中文网阅读：211 作者：三月下面讲讲关于mysql的默认端口号修改

柔光的暖阳◎/ 2023年01月11日 08:17/ 0 赞/ 241 阅读

相关 vue-cli3 修改默认图标、 title 、端口号、根路径以及代理配置

直接在 package.json 文件同级创建 vue.config.js 文件，具体配置如下： module.exports = { //跟路径

深碍√TFBOYSˉ_/ 2022年11月18日 15:00/ 0 赞/ 125 阅读

相关 JBOSS配置+修改端口号+与Tomcat比较

1.JBOSS 基于J2EE的开发源代码的应用服务器.JBoss是一个管理EJB的容器和服务器，支持EJB 1.1、EJB 2.0和EJB3的规范. 优点: \1

超、凢脫俗/ 2022年07月24日 05:08/ 0 赞/ 237 阅读

相关网页title修改访问小图标

修改tomcat小猫图标，设置项目的favicon图标，方式有两种：全局方式和局部方式 1、全局方式：进入tomcat服务器\webapps\ROOT，然后用自己

古城微笑少年丶/ 2022年07月11日 08:12/ 0 赞/ 262 阅读

相关 linux下安装并配置redis 修改默认端口号,防止入侵

redis-3.2.8.tar.gz 解压配置redis.conf cd redis-3.2.8 vim redis.conf 注释掉可以外部i

本是古典何须时尚/ 2022年06月12日 10:08/ 0 赞/ 1157 阅读

相关 Xshell连接centos，修改ssh默认端口号(22)

1、修改/etc/ssh/sshd\_config文本，在\Port 22后添加Port 25533，最好选择端口在20000以上的没有用到的端口，防止被轻易破解，如下： \

亦凉/ 2022年05月28日 03:14/ 0 赞/ 1019 阅读

相关 linux下mysql 查看默认端口号与修改端口号方法

查看默认mysql的端口 1.mysql -uroot -p 2.输入密码 3.show variables like 'port' 如图操作 ![70][]

太过爱你忘了你带给我的痛/ 2022年05月21日 00:39/ 0 赞/ 392 阅读

相关 tomcat 端口号修改

tomcat 安装路径下的conf文件夹下的 server文件![tomcat 端口号修改][tomcat] ![tomcat 端口号修改][tomcat 1] 转载于:

清疚/ 2022年01月13日 14:28/ 0 赞/ 388 阅读

相关 nexus3端口号怎么修改

我的nexus3版本是3.28.1 ![20201225161231169.png][] 首先进入nexus3同级目录下的sonatype-work，一级一级进入 etc目

ゝ一世哀愁。/ 2021年09月04日 04:10/ 0 赞/ 635 阅读