Vue项目草料二维码使用失效

最新推荐文章于 2022-06-06 15:36:31 发布
最新推荐文章于 2022-06-06 15:36:31 发布
阅读量2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41033048/article/details/99405988
版权

问题描述：cnpm run dev之后出现的是localhost:8080这个本地路径是无法马上通过二维码访问的。
操作步骤：
1.在vue的config目录下的index.js里设置host为0.0.0.0，这个是所有域名都可以访问得到的。
2.在cmd窗口输入ipconfig得到IPv4地址
在这里插入图片描述
3.打开草料二维码输入ipconfig的IPv4地址
在这里插入图片描述

叶川飞流
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue qrcode生成二维码，并监控失效 刷新二维码
qq_21631111的博客
03-20 7458
效果图 1.首先安装插件 npm install qrcodejs2 --save 2.html代码 <div class="qrcode" ref="qrCodeUrl" ></div> <h1 class="faceCode-shade pa" v-if="isTimeout"> <p>二维码已失效</p> <a @click="refresh()">刷新</a> </h1> isTimeo
vue2 扫码获取二维码内容
07-28
扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取二维码内容扫码扫码扫码获取...
vue 引入 二维码
weixin_48453678的博客
03-19 353
vue-cli3 动态生成二维码（不带logo的） 第一步 先下载插件 npm install qrcodejs2 --save **第二步 在需要生成二维码的 页面 导入 ** import QRCode from 'qrcodejs2' **第三步 在页面中引用 ** <div id="qrCode" ref="qrCodeDiv" v-if="!show" ></div> 第四步 绘制二维码 并在 mounted 里面调用 即可 mounted() { th
VUE 生成二维码
lingjim10086的博客
10-14 168
VUE 生成二维码(qrcodejs) npm install qrcodejs2 --save import QRCode from 'qrcodejs2'; // 备注：在main中设置全局可使用 Vue.prototype.$qrCode = QRCode; ，页面中调用可直接使用 this.$qrCode html代码 <div id="qrCode" ref="qrCodeDiv"></div> js代码 new QRCode(this.$refs.qrCodeDi
vue生成二维码，（已测试，可以用）
xingchen678的博客
09-04 1297
参照了网上其他资料而写： 1，导入第三方插件 npm install --save qrcode 2，在页面上引入 import QRCode from 'qrcodejs2' <div id="qrcode">二维码位置</div> methods: { qrcode () { let qrcode = new QRCode('qrcode...
Vue 扫描二维码、条形码
aibujin的博客
05-23 6379
vue + @zxing/library (h5)，实现扫描二维码、条形码功能；
vue中实现动态生成二维码的方法
10-15
本文将详细介绍如何在Vue项目中利用`qrcodejs2`库来创建动态二维码。 首先，我们需要安装`qrcodejs2`模块。在命令行中运行以下命令： ```bash npm install qrcodejs2 --save ``` 这将下载并安装`qrcodejs2`库，使其...
使用vue前端进行二维码登陆的源码
11-01
本教程将深入探讨如何使用Vue.js实现二维码登录功能，结合微信接口来提升用户体验。以下是对这个主题的详细阐述： 1. **Vue.js**：Vue.js是一个轻量级的渐进式框架，其核心库专注于视图层，易于集成到现有项目中，...
vue生成二维码，pc支付【完整效果】
02-18
在Vue项目中，我们可以使用第三方库如`qrcode-generator`或`vue-qrcode-reader`来生成二维码。通过npm安装： ``` npm install qrcode-generator --save ``` 或者 ``` npm install vue-qrcode-reader --save ...
Vue实现手机扫描二维码预览页面效果
12-28
本文实例为大家分享了Vue实现手机扫描二维码预览页面的具体代码，供大家参考，具体内容如下 ...在项目中新建QRcode.vue文件 <div id=code></div> <canvas id=canvas></canvas> <script
vue项目中，将信息生成二维码的方法
weixin_37861326的博客
05-18 8076
在构建vue项目中，如果需要把一个链接或者一串数字生成一个二维码供用户扫描使用，我们通常会用到jquery.qrcode.min.js这个js库，并配合jquery一并使用。在npm中我们无法直接下载安装这一依赖，因此需要我们在vue项目文件中下载静态文件引入进行使用。1）下载jquery.qrcode.min.js插件2）在项目main.js中引入jquery.qrcode.min.js// 引...
Vue实现生成二维码
weixin_50241387的博客
03-17 1万+
目 录 ①首先创建一个vue项目 ②引入qrcodejs2 ③封装组件 1. 创建Vue文件 2. 定义template模板 3. 引入QRCode包 4. 进行封装 5. css控制样式 ④启动项目 1. 在终端输入启动项目命令 2.在浏览器中输入访问地址 3. 访问生成的二维码 4. 扫码进行解析 与后端用Java实现生成二维码相比，在前端用Vue生成二维码更加简单、灵活。 ①首先创建一个vue项目 可以用vue-cli脚手架去生成。 ②引入qrcodejs2 ..
vue在线生成二维码
liurong1028的博客
12-06 1096
1. 安装插件： cnpm install qrcode2 --save 2. 在主页面引入并且使用： &lt;script&gt; import QRCode from 'qrcode2' export default { data () { return { url: '' } }, methods: { getQrcode () {...
如何使用手机预览Vue项目（移动端）
热门推荐
手掌日月摘星辰
06-28 2万+
1、在命令行中输入npm run dev ，启动自己的vue项目，例：http://localhost:8081/#/goods，可以在浏览器预览2、那么如何在手机端预览vue项目呢？WIN+R，输入cmd启动命令行工具，输入ipconfig查看本机ip3、本机ip替换localhost，例：http://192.168.1.171:8081/#/goods，预览效果不变4、使用草料二维码，将ht...
Vue中实现扫描二维码和条形码
KeepSober_D的博客
06-06 4666
如何使用Vue实现一个H5扫码功能？
vue页面刷新/路由刷新vue-router---例如（二维码刷新）
weixin_42418774的博客
12-24 3440
this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好 用vue-router重新路由到当前页面，页面是不进行刷新的。 location.reload()。这种也是一样，画面一闪，体验不是很好 所以就可以用用provide/inject组合 原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下...
vue图片加载失败默认图片
肖皓文
06-18 8547
css解决方案： img { position: relative; } img:after { content: url('替代圖片'); display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-co...
vue项目生成二维码
最新发布
09-21
在Vue项目中生成二维码可以按照以下步骤进行操作： 1. 首先创建一个Vue项目。 2. 在项目的路由文件中（例如src/router/index.ts），添加生成二维码的页面路由信息。 3. 在生成二维码的页面中，定义一个模板，其中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值