vue——如何在本机/利用局域网访问到本机启动的vue项目

1、在本机浏览器用localhonst:8080访问启动的vue项目

在终端输入命令启动vue项目：

cd myVueProject
npm run dev 或 npm run start

项目启动成功后即可访问

2、局域网内的设备可以通过本机IP地址:8080访问本机启动的vue项目

1)在./package.json配置文件中添加： --host 0.0.0.0

"scripts": {
    "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
  },

2)在终端输入命令启动vue项目：

cd myVueProject
npm run dev 或 npm run start

项目启动成功后即可访问

3、8080端口号也可以更改

在./config/index.js文件中port改为其他端口：

port: 3000,

项目启动成功后即可将上面1、和2、的端口号改为3000进行访问