前端

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
React在安卓浏览器打开白屏问题

React在安卓浏览器打开白屏问题

基于React的前端项目,在PC端和iOS自带浏览器上都可以运行,但拿到安卓机器的浏览器上显示白屏,谷歌了一下,发现是babel的问题。 Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、R

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
多次重定向中http-referer的变化

多次重定向中http-referer的变化

基本概念 先初步了解下URL重定向,Http Referer两个概念 URL重定向(URL redirection,或称网址重定向或网域名称转址),是指当使用者浏览某个网址时,将他导向到另一个网址的技术。 说白了就是URL重定向就是把一个URL重新定向到另一个URL上去,重定向可以把一个目录或

Joe.Ye Joe.Ye 2023-03-25
0 0 0
常用前端开发框架简介

常用前端开发框架简介

React React生命周期的最新图谱:http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/ https://zh-hans.reactjs.org/ React 16.8 开始支持 Hooks React Hooks lib

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
1 2 3 20