在手机上预览vue项目

最近在做web音乐app时,用到了高斯模糊,但pc看不出效果,便想在手机端预览,遂作博一篇

1、修改config

修改config文件夹下的index.js文件:

module.exports = {
    dev: {
        host: '0.0.0.0' // 原为: host: 'localhost'
    }
}

2.1、查询本地局域网ip

win:
ctrl+r输入cmd回车,打开命令提示符,输入ipconfig,查看本地ip
如：原项目为http://0.0.0.0:8080，那么我们需要的地址就为:http://192.168.0.107:8080，将此地址发送到局域网内的手机，即可打开。