Vue

Vue或React项目代码相同运行出错采坑记录

Vue或React项目代码相同运行出错采坑记录

现象:同一个项目,同一套代码,在别人的机器上正常运行,在自己的机器上运行报错 原因:依赖问题,如果本地没有package-lock.json或yarn.lock,package-lock.json中的^会安装对应的最新版本,依赖版本不一致导致运行不一致(参数不一致、默认值不一致等等) package

Joe.Ye Joe.Ye 2023-04-02
0 0 0
前端后台管理开源项目vue-admin-beautiful-pro

前端后台管理开源项目vue-admin-beautiful-pro

vue-admin-beautiful-pro对比其他开源 admin 框架有如下优势: 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式 已知开源 vue admin 框架中首家支持 mock 自动生成自动导出功能 提供 50 余项全局精细化配置 支持 scss 自

Joe.Ye Joe.Ye 2023-03-30
0 0 0
使用pm2部署vue项目

使用pm2部署vue项目

pm2简介 pm2 是一个带有负载均衡功能的Node应用的进程管理器。 npm i -g pm2 动态部署 (1)npm run dev可以写成: pm2 start npm -- run dev (2)也可以指定项目名称启动: pm2 start npm --watch --name xxx -

Joe.Ye Joe.Ye 2023-03-30
0 0 0
Vue 中微信支付,显示WeiXinJSBridge is not defined的问题

Vue 中微信支付,显示WeiXinJSBridge is not defined的问题

勿在created中触发,通过button点击触发或者延时触发,目的是等待WeixinJSBridge加载完毕 created() { let _this = this; setTimeout(() => { _this.pay(_this.payment); }, 300

Joe.Ye Joe.Ye 2023-03-25
0 0 0
Vue axios POST传 字符串/键值对 后台@RequestParam接收为空 及使用application/x-www-form-urlencoded问题详解

Vue axios POST传 字符串/键值对 后台@RequestParam接收为空 及使用application/x-www-form-urlencoded问题详解

原因分析 axios post使用application/x-www-form-urlencoded问题: 默认application/x-www-form-urlencoded对表单数据进行编码,数据以键值对通过&符号拼接在http请求体中发送给服务器 如果属性为multipart/fo

Joe.Ye Joe.Ye 2023-03-25
0 0 0
JSbridge在Vue的封装与交互

JSbridge在Vue的封装与交互

JSbridge: https://github.com/lzyzsd/JsBridge JSbridge.js let isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAg

Joe.Ye Joe.Ye 2023-03-25
0 0 0
VuePress图片资源中文路径问题

VuePress图片资源中文路径问题

现象描述 图片资源以英文字符为路径 相对路径以./或者../开始的正确路径 同时符合以上两条,就没问题 图片资源路径如果不是英文 图片资源是相对(短)路径(不以./ ../开始 ) 只要有以上任何一条,编译将失败 问题分析 Vuepress 本身使用的是webpack 图片引用使用的应该

Joe.Ye Joe.Ye 2023-03-25
0 0 0
为VuePress自动生成侧边栏分组的插件

为VuePress自动生成侧边栏分组的插件

Github:https://github.com/shanyuhai123/vuepress-plugin-auto-sidebar 文档:https://shanyuhai123.github.io/vuepress-plugin-auto-sidebar/ 插件的可选项:https://sha

Joe.Ye Joe.Ye 2023-03-25
0 0 0
VuePress技术笔记站点部署

VuePress技术笔记站点部署

VuePress: https://vuepress.vuejs.org/zh # vim package.json # yarn # mkdir docs # vim docs/.vuepress/config.js # npm run dev

Joe.Ye Joe.Ye 2023-03-25
0 0 0
Vue中配置axios跨域多个proxyTable代理

Vue中配置axios跨域多个proxyTable代理

vue.config.js 配置参考:https://cli.vuejs.org/config/#devserver-proxy devServer: { open: true, port: 8081, proxy: { //匹配/gw1-api开头的请求 [pro

Joe.Ye Joe.Ye 2023-03-25
0 0 0
Vue proxyTable build打包后访问报404

Vue proxyTable build打包后访问报404

问题描述 vue proxyTable 热启动状态下能正常访问,打包后访问就包404 配置参考:https://cli.vuejs.org/config/#devserver-proxy 代理配置 $ vim vue.config.js devServer: { port: port,

Joe.Ye Joe.Ye 2023-03-25
0 0 0
Vue.js国际化插件vue-i18n的使用

Vue.js国际化插件vue-i18n的使用

安装方法 使用CDN直接引用 <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-i18n/dist/v

Joe.Ye Joe.Ye 2023-03-25
0 0 0
Jenkins构建vue项目

Jenkins构建vue项目

选择 Freestyle project 构建 执行 Shell pwd git checkout develop git pull cd .. tar -zcf prod_mall.tar.gz ./prod_mall --exclude *.tar.gz mv prod_mall.tar.gz

Joe.Ye Joe.Ye 2023-03-24
0 0 1
Taro基础教程之Vue

Taro基础教程之Vue

在Taro可以通过import Vue from 'vue'来使用Vue,但和在浏览器中使用Vue依然有一些不同 参考:https://taro-docs.jd.com/taro/docs/vue 入口组件 每一个Taro应用都需要一个入口组件用来注册应用,入口文件默认是src

Joe.Ye Joe.Ye 2023-03-18
0 0 0
Vue 3.0 特性体验

Vue 3.0 特性体验

创建vue实例 Vue 3.0 创建vue实例不需要使用new的方式了,来看src/main.js文件: import { createApp } from 'vue' import App from './App.vue' import router fr

Joe.Ye Joe.Ye 2023-03-18
0 0 0
1 2 3 5