关于vue-cli脚手架搭建的vue项目在手机浏览器无法打开的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于vue-cli脚手架搭建的vue项目在手机浏览器无法打开的问题相关的知识,希望对你有一定的参考价值。

参考技术A 毕竟不是自己手动搭的脚手架,很多配置都是吃现成的,所以踩坑常用的事。在config的index.js文件夹里。把host的值由localhost改为“0.0.0.0”,然后就可以用手机浏览器ip+端口号打开了。

ps:改配置文件就是重新npm start 一下才能看到效果

ps:localhost改成本地ip的方法也是可以的。但是如果这样做的话,pc端就不能用localhost了,必须要用ip加端口号才能打开。

以上

使用vue-cli(vue脚手架)快速搭建项目

参考技术A

下面整个过程是基于已经安装node.js和cnpm的基础上,node.js如何安装就不在这里详说了。如何全局化安装cnpm,这里简单提一下:(淘宝镜像命令)

其实对于安装vue-cli,使用npm命令和cnpm命令都是可以的,个人觉得使用npm安装的比较慢,而且很可能会因为网络问题而出错,所以还是觉得使用cnpm稳一点。

(1)全局安装 vue-cli ,在命令提示窗口执行:

(2)安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,在命令提示窗口执行创建vue-cli工程项目的命令:

通过vue-cli搭建一个vue项目,会自动生成一系列文件,而这些文件具体是怎样的结构、文件对应起什么作用,可以看看下面的解释:

以上是关于关于vue-cli脚手架搭建的vue项目在手机浏览器无法打开的问题的主要内容,如果未能解决你的问题,请参考以下文章

从0到1带你搭建一个vue3.0项目(vue-cli脚手架版)

关于vue-cli搭建项目过程中的一些基本问题与个人理解

使用vue-cli(vue脚手架)快速搭建项目

抛开vue-cli 利用requireJS搭建一个vue项目

手把手教学之vue-cli快速搭建脚手架

如何用vue-cli3脚手架搭建一个基于ts的基础脚手架