vue微信功能 本地模拟线上正式域名方式

最新推荐文章于 2024-06-14 10:39:01 发布
最新推荐文章于 2024-06-14 10:39:01 发布
阅读量48 收藏
点赞数 2
分类专栏： 大前端 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/springdk2009/article/details/136770632
版权

  1. 1. 修改hosts文件劫持正式域名

  2. 2. 更新项目文件/config/index.js

1

2

host: '0.0.0.0', // can be overwritten by process.env.HOST

port: 80, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

图片.png

  1. 3. 更改项目build/webpack.dev.conf.js 在devServer增加disableHostCheck:true配置

1

2

3

4

watchOptions: {

  poll: config.dev.poll,

},

  disableHostCheck:true //这里

图片.png

然后直接npm run dev

在微信开发工具直接用域名访问即可

图片.png

springdk2009
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发知识点总结
强子的专栏
02-19 9995
微信小程序开发知识点总结1.微信小程序的目录结构1.外联公共样式的方法根据微信的官方文档，是支持@import的方式一如外联的公共样式的 使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。 文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxss.html但是在
前端vue（h5、微信小程序）面试题 持续更新（2023最新）
乐一的博客
03-24 1738
上面我们知道了渲染树以及回流知道了对应元素的具体位置及大小信息，得到具体的像素值这时候将渲染树上的节点根据大小位置信息，渲染到页面上，叫做重绘。构造了渲染树，可以将DOM元素与它对应的样式结合起来，得到对应dom元素在视口内的位置和大小。只要改变某个元素的背景色，文字颜色，边框颜色等不影响它周围或内部布局的属性，就会发生重绘。，得到具体的像素点，进行页面的重绘。4.设置overflow，即hidden，auto，scroll。，进行页面回流，得到元素的几何信息（位置，大小），根据得到。
uniapp-vue3-wechat：基于uniapp+vue3仿微信app聊天实例(H5+小程序+App端)
码农ICoding
04-29 999
原创重磅新作uniapp-vue3-wechat聊天，基于最新跨端技术uni-app+vue3+pinia2+vite4+uv-ui构建多端仿微信app实例。支持编译到H5+小程序端+App端。
尝试开发微信公众号消息推送功能并且和小程序关联
刘悦的技术博客
04-14 5859
公众号主要用于信息的传递实现人与信息的连接，借助H5 能够实现简单的交互，主要以营销和信息传递为主简单的服务为辅，而小程序从功能上与公众号有严格区分（不支持关注、消息推送等营销手段），一方面使得产品与服务不至于淹没在公众号营销信息中，另一方支持公众号、朋友圈、群与小程序之间的互动与导流，使得开发者专心做产品与服务，从而为微信带来大量长尾服务叠加微信自身重度服务打造从社交到信息连接再到服务的生态圈。整个过程非常简单，当然了，这只是测试的沙盒环境，如果想应用到正式，必须有自己的独立服务器和域名才能使用。
微信小程序
weixin_69821704的博客
03-16 423
微信小程序的入门
微信小程序进阶——Flex弹性布局&轮播图&会议OA项目（首页）
kissship的博客
10-17 2153
Flex 弹性布局是一种用于网页布局的现代 CSS 技术，旨在更灵活地管理容器内的元素排列和分布，以实现响应式设计和更好的页面布局控制。Flex 布局基于弹性盒子模型，通过使用属性，你可以将一个容器转变为一个弹性容器，从而控制其内部子元素的排列方式。
Vue项目团队开发的一些基本配置封装分享
油墨香^-^的博客
03-10 251
本篇文章主要带来的是vue 基础架构篇，大家都知道，Vue3.0后Vue2.0会有一个终结版出来，也就说明Vue迎来了新时代，但是并不是所有项目都能够一起迈向新时代的轮船。配置相关类的可以去搜索对应的分享贴，或者看我之前的文章，本文内容较为贴合团队开发，非工具链分享文，大部分都能引发一些技术层面的思考。在很多时候，对于vue项目来说，很多刚入门，或者是受业务妥协的朋友大都是从百度CV一套看得过去的架子，如常见的D2Admin，进行一个二次迭代的开发，其项目本身非常的优质，而在其template。
Vue学习日记49
NLP工程化
02-19 1517
1.Pagination分页属性 解析： [1]small：是否使用小型分页样式 [2]background：是否为分页按钮添加背景色 [3]page-size：每页显示条目个数，支持.sync修饰符 [4]total：总条目数 [5]page-count：总页数，total和page-count设置任意一个就可以达到显示页码的功能；如果要支持page-sizes的更改，则需要使用total属性 [6]pager-count：页码按钮的数量，当总页数超过该值时会折叠 [7]current-page：当前页
手机调试 H5 vue-devtools weinre fiddler
Jioho的博客
04-14 1305
手机调试 H5（vue 方向） 代码 bug 多没关系，关键是可以及时定位到问题！ 小提示：不知道是不是 fiddler 的原因，不能在微信的网页注入 JS。所以以下调试均在手机浏览器中进行，当然如果可以自己在页面引入调试资源，那也是可以滴！ 手机使用 vue-devtools 调试 开发 vue 应用的时候，chrome/firefox 有 vue-devtools 插件。那手机端呢？还有...
Vue全家桶-电商后台管理系统项目开发
weixin_45946796的博客
09-02 3032
学习目标 能够基于Vue初始化项目 能够基于Vue技术栈进行项目开发 能够使用Vue第三方组件进行项目开发 能够说出前后端分离的开发模式 1. 项目概述 1.1电商项目基本业务概述 根据不同应用场景，电商系统一般提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式 不同的终端共用同一个服务器和数据库 ...
vue微信录音（本地录音）
02-22
vue微信录音（本地录音）
vue项目中实现的微信分享功能示例
10-17
主要介绍了vue项目中实现的微信分享功能,结合实例形式分析了基于vue.js实现的微信分享功能具体定义与使用方法,需要的朋友可以参考下
vue 微信扫码登录(自定义样式)
10-15
主要介绍了vue 微信扫码登录(自定义样式)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue微信分享到朋友圈 vue微信发送给好友
11-30
本文为大家分享了vue微信分享至朋友圈&&分享至朋友代码的封装，供大家参考，具体内容如下 1.新建share.js文件 import {shareSDK} from "../api/common";//分享api import wx from 'weixin-js-sdk' export const ...
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 339
在vue.config.js中配置关闭Uncaught runtime errors显示。
vue3如何定义一个组件
Java程序员专栏
06-09 527
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
关于element-plus中el-select自定义标签及样式的问题
最新发布
x_XDGS的博客
06-14 170
element-plus， el-select，自定义标签，动态更改颜色样式，更该样式
Vue中 .passive 修饰符的作用
Keep trying, keep going
06-09 199
传统的事件监听器在事件触发时，会先执行事件处理函数，然后再决定是否阻止事件的默认行为（如阻止滚动）。这会导致性能问题，因为浏览器需要等待 JavaScript 执行完成后才能继续处理其他任务，如滚动页面。修饰符可以告诉浏览器，事件处理函数不会阻止事件的默认行为，这样浏览器就不需要等待 JavaScript 执行完成，可以立即进行其他任务。这可以提高页面的滚动性能，尤其是在移动端设备上。它的使用场景通常是针对那些需要频繁触发的事件，例如。来阻止事件的默认行为，因为浏览器会忽略这个调用。需要注意的是，当使用。
vue中微信模拟聊天时聊天列表自动上滑
06-11
可以使用Vue中的ref和$refs来实现聊天列表的自动上滑。具体实现方法如下： 1. 在聊天列表的容器上添加ref属性，例如：`<div ref="chatListContainer"></div>` 2. 在代码中获取该容器的DOM元素，例如：`const chatListContainer = this.$refs.chatListContainer` 3. 在聊天列表添加新消息后，调用DOM元素的scrollTop属性将滚动条滚动到最底部，例如：`chatListContainer.scrollTop = chatListContainer.scrollHeight` 这样就可以实现聊天列表自动上滑了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值