【Vue】如何在手机上预览本地的Vue项目（两种方式）

第一种方式

config -> main.js

    host: 'localhost改为本机ip', // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

如何查询本机ip

window系统：在控制台输入：ipconfig

苹果系统：在终端输入：ifconfig

第二种方式

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",

},

温馨提示

1、修改完配置文件，记得重启项目

2、保证电脑和手机在一个局域网（换句话说：它俩得连接同一个Wi-Fi）

3、按照第一种方式修改后，在电脑端预览，要用 ip:端口号 不能再用 localhost:端口号