vue移动端项目实现真机调试

在vue移动端项目中，我们可以通过真机调试来更好的看到项目实际运行在移动端的效果。下面就来介绍一下实现的方法：1、使手机与电脑连接在同一个wifi下2、修改vue.config.js文件配置将host路径改成 ‘0.0.0.0’3、运行项目npm run serve运行成功后，在手机浏览器上输入控制台中提示的Network地址就可以在手机上调试项目了。...

Jiang_JY

3924人浏览 · 2022-05-11 13:43:02

Jiang_JY  ·  2022-05-11 13:43:02 发布

在vue移动端项目中，我们可以通过真机调试来更好的看到项目实际运行在移动端的效果。

下面就来介绍一下实现的方法：

1、使手机与电脑连接在同一个wifi下

2、修改vue.config.js文件配置

将host路径改成 ‘0.0.0.0’

3、运行项目

npm run serve

4、手机端调试项目

运行成功后，在手机浏览器上输入控制台中提示的Network地址就可以在手机上调试项目了。

# vue.js # 前端

Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

加入社区

更多推荐

• · Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试
• · 基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计
• · ElasticSearch迁移至openGauss

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

Vue

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

Vue

ElasticSearch迁移至openGauss

Vue

欢迎加入社区

取消 确定