当前位置 主页 > 网站技术 > 代码类 > 最大化 缩小

    Vue修改项目启动端口号方法

    栏目:代码类 时间:2019-11-07 21:07

    在项目的package.json中可以找到如下代码

    start属性指定的文件就是通过开发模式启动的服务文件

    "scripts": {
     "dev": "node build/dev-server.js",
     "start": "node build/dev-server.js",
     "build": "node build/build.js",
     "lint": "eslint --ext .js,.vue src"
    }

    在build目录下的dev-server.js中可以找到如下代码

    可以发现uri在拼接port接口之前,port接口首先根据是生产还是开发,被赋予了不同的端口号

    而开发环境下的端口号来自config目录

    var config = require('../config')
    ...
    var port = process.env.PORT || config.dev.port
    ...
    var uri = 'http://localhost:' + port

    在config目录下的index.js中可以找到如下代码

    修改此处的port即可修改开发环境下启动项目的端口号

    dev: {
     ...
     port: 8090,
     ...
    }

    以上这篇Vue修改项目启动端口号方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持IIS7站长之家。

    下一篇:没有了