本地调试基于vue的H5项目

最新推荐文章于 2023-11-24 14:43:35 发布
最新推荐文章于 2023-11-24 14:43:35 发布
阅读量468 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010616713/article/details/106850792
版权

打开C:\Windows\System32\drivers\etc文件夹，修改hosts文件，添加域名映射到本地IP。
在公众平台，配置域名。
下载微信模拟器，本地调试代码。
配置完成，本地开发的时候，只能访问http://h-t.test.com/，注意，不能是https开头。
如果想访问真正服务器的内容，需要把本地配置注释掉，注释符号是#。
127.0.0.1 h-t.test.com

职场爱学习
关注
专栏目录
h5微信本地调试 vue_Vue开发Html5微信公众号的步骤
weixin_35829704的博客
02-15 841
一、调起微信支付在微信浏览器里面打开H5网页中执行JS调起支付，WeixinJSBridge内置对象在其他浏览器中无效。(1)大致流程：(2)调用代码示例：mounted(){if (typeof WeixinJSBridge == "undefined") {if (document.addEventListener) {document.addEventListener("WeixinJSBr...
h5微信本地调试 vue_vue微信授权解决方案[如何本地实现授权]
weixin_30241053的博客
12-23 1724
之前是自己太年轻，写什么【最终解决方案】。这一次的项目vue移动端电商项目，做了很多的优化。大家都知道授权需要每次都要发布到线上，本地的需要代理，这让我们很头疼。后面会介绍一个本地直接授权的方式，真的超级香。时隔几年，第三次升级我的微信授权，每一次思路都更加清晰，当我的知识越来越广，越来越深，我相信会有第四次，第五次。。。另外也优化：微信分享keep-alive返回到上次浏览的位置vue-rout...
h5移动端开发中配置真机测试
hyduan_h5的博客
01-13 1725
前言 在前端开发过程中，时常遇到移动端需求。若是每次部署完成后再查看开发效果，可能过于费时费力，因而需要可直接完成真机测试的配置 方法 一：查询电脑本地IP地址 1：ctrl/window+r输入cmd回车，打开命令提示符; 2：输入ipconfig,查看本地ip，具体如下 二：修改config 修改config中的配置，将host改为本地ip，具体如下： 三：手机访问链接 1：将手机与电脑连接同一无线 2：重启项目，生成链接，具体如下图： 3：至此即可完成所有配置，手机端访问networ
基于Vue2开发的4A景区的旅游导航H5项目
08-10
这是一个基于vue2, vue-router, axioss, express来实现的简单的某个景区H5首页展示页面
vue h5 真机调试
IT_iosers的博客
04-20 289
下载 npm install vconsole 2.直接在页面引用 import VConsole from "vconsole"; let vConsole = new VConsole(); 正常使用console
配置H5本地运行环境
10-25
需找博主要流程
vue项目移动H5的页面调试
weixin_45781661的博客
03-21 1490
移动h5的调试方式 1、eruda 直接外链引入初始化;然后重新运行项目即可看到 <script src="//cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.js"></script> <script>eruda.init();</script> 2、就是真机调试，目前我知道的仅适用于安卓，ios可以自行搜索一下，首先需要一根数据线连接手机和电脑，手机需打开开发者模式，允许USB调试，USB调试功能上选MDI,然
vue H5移动端项目 真机测试配置
码农键盘上的梦
03-23 1661
vue H5移动端项目 真机测试配置
基于vue3.0.1beta搭建仿京东的电商H5项目
10-15
本次讲解的知识点主要围绕如何使用Vue.js的最新版本3.0.1beta搭建一个电商H5项目。该项目的灵感来源于国内知名的电商平台——京东。 首先，了解Vue.js框架的基本概念对后续开发至关重要。Vue.js是一个轻量级的前端...
H5_GuideMap:基于Vue3.x开发的移动端手绘地图项目，包含语音讲解和小程序导航功能
05-05
“H5_GuideMap”是一个基于Vue3.x框架开发的移动端应用程序，主要功能是提供手绘地图服务，同时集成了语音讲解和小程序导航。这意味着它旨在为用户提供一个互动式的、个性化的地图浏览体验，用户可以通过手绘地图...
vue商城项目
09-28
vue商城H5主页面源代码,html、css、js html+css商城首页
用vue写的h5商城
11-15
用vue写的h5商城, 包括框架生成等资源。有实用价值的代码.
vue-cli中vue本地实现跨域调试接口
10-17
主要介绍了vue-cli中vue本地实现跨域调试接口,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue移动端真机调试方法
m0_37680500的博客
05-11 3963
最近开发手机移动端拍照、多图上传，OCR识别、连拍等功能都需要用到手机的物理硬件（定位、相机、相册、麦克风），调试就需要在真机环境中实现。真机环境调试起来就非常的不方便，例如：1、无法看到日志信息2、无法实时调试（每次都要打包到线上才可测试）下面教程提供一下移动端的调试方法，仅供学习交流。
手机内网测试本地vue项目
zhituji的博客
09-11 665
开发手机端时，希望能采用真机测试，当手机、电脑处于同一局域网时，可采用此方法测试。 打开cmd, 输入命令ipconfig,查看本机IP ，例如：192.168.0.33; vue 项目config/index.js 下的配置：host:'localhost' 改为host:'192.168.0.33'； package.json 下的配置"scripts":{"dev":...
vue脚手架项目真机测试
domunweb的博客
04-11 454
webpack创建vue脚手架真机测试 真机测试的前提是 手机和电脑必须处于同一局域网下 (连接 同一wifi即可) ！！！！！ 1.在项目中打开package.json文件 在 dev属性后加入 --host 0.0.0.0 方法："dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpac...
h5项目在手机上打开调试模式
敲门的小白
01-13 2292
vue:在index.html引入： 在使用界面 原生:
如何本地打开vue3+vite+ts项目打包的dist文件夹下index.html进行把玩
洋茄子炒鸡蛋的博客
08-10 6073
最近做一个vue3+vite3+ts的项目，配置了多入口页面，想不通过部署到服务器的方式在本地看一下打包后的效果。
H5项目在ios 系统版本12.0中打不开的情况
最新发布
insist_life的博客
11-24 1074
背景：最近做了一个H5项目，主要是vue3+vite等技术栈来写的；3、知道了可能是某些高阶语法在ios12中不兼容，那当时就想着把没有babel成功的语法手动降成es5的，但是全局检索发现这些语法都不是开发者中的代码，而是官方的写法，我担心我的水平不够，改了一处导致整个项目崩掉，索性就放弃了这个写法；2、在工具引入后，在测试环境中，我们发现控制台中没有报任何错误，然后就去看看network中的静态资源加载，发现有几个js、css文件资源没有加载，然后又在百度、CSDN上转了半天，找到一篇博主写的文章。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值