vue项目更改端口号

原文地址：http://blog.csdn.net/liyuxing6639801/article/details/603255581执行npm run dev实际是在调用根目录下的package.json打开package.json后可发现有这样一段代码"scripts": { "dev": "node build/dev-server.js

walton_an

3872人浏览 · 2017-12-18 17:23:33

walton_an · 2017-12-18 17:23:33 发布

原文地址：http://blog.csdn.net/liyuxing6639801/article/details/60325558

1

执行npm run dev实际是在调用根目录下的package.json
打开package.json后可发现有这样一段代码

"scripts": {
"dev": "node build/dev-server.js",
"start": "node build/dev-server.js",
"build": "node build/build.js"
},

由此可知，我们应该查看build目录下的dev-server.js文件

2、

在dev-server.js文件中可找到

var uri = 'http://localhost:' + port

此处的port便是我们将要寻找的

3、

在dev-server.js的开始部分我们可以发现

var path= require('path')

4、

而path又是从哪里来的呢？

根目录下有一个config文件夹，看名字就知道与配置有关，打开config目录下的index.js

dev: {
env: require('./dev.env'),
port: 8092,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},

}

这里不仅可以改变端口，还可以根据需要改变其他配置信息。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^