vue-cli3.x启动服务自动打开浏览器配置

vue-cli3.x启动服务自动打开浏览器配置

第一种方法 浏览器自动打开

1.打开创建的vue-cli3 创建的项目
2.找到package.json文件
3.找到配置项 ‘scripts’
4.找到配置项‘serve’
5.修改，增加字段"serve": “vue-cli-service serve –open”,

  "scripts": {
		"serve": "vue-cli-service serve --open",
		"build": "vue-cli-service build",
		 "lint": "vue-cli-service lint"
 }

第二种方法 浏览器自动打开且指定端口号

可以参考vue-cli2.0创建的项目中的vue.config.js

1.打开创建的vue-cli3 创建的项目
2.在项目的根目录下创建vue.config.js 文件

文件内容：
module.exports = {
		devServer:{
				port:8080, // 设置端口号
				host:'localhost',
				https:false, // https:{type:Boolean}
				open:true, //配置自动启动浏览器
				//proxy：‘http://localhost:4000’ //配置跨域处理，只有一个代理
				 proxy: {
        				'/api': {
           				 	target: '',
           				 	ws: true,
            				changeOrigin: true
        				},
        				'/foo': {
            				target: ''
        				}
   						 },  // 配置多个代理
				}
	}

官方配置文档

vue.config.js 官方配置文档地址