
前端
华山令狐虫
代码如诗
展开
-
node.js 20 兼容vue2 版本 sass,使用scss
【代码】node.js 20 兼容vue2 版本 sass,使用scss。原创 2024-07-30 11:00:12 · 608 阅读 · 0 评论 -
pnpm 设置国内源
【代码】pnpm 设置国内源。原创 2024-07-29 23:01:21 · 730 阅读 · 0 评论 -
vue+springboot 前后端分离 上传文件处理后再下载,并且传递参数
【代码】vue+springboot 前后端分离 上传文件处理后再下载,并且传递参数。原创 2023-08-15 11:56:37 · 813 阅读 · 0 评论 -
关于vue props watch监听不生效的问题
发现子组件初始化的时候(页面初次加载),watch里的函数并没有执行,必须在created里面调用一次this.getDetail(this.id),才能初始化执行。里手动调用一次,就必须使用。原创 2023-06-13 18:01:34 · 2507 阅读 · 0 评论 -
vue使用 codemirror
/Tab可以弹出选择项。注意版本,不要使用新版。原创 2023-05-04 16:23:39 · 1466 阅读 · 1 评论 -
vue axios FormData 前端上传文件
<input type="file" ref="fileInput" /> <button @click="upload">上传</button> upload() { const files = this.$refs.fileInput.files var formData = new FormData(); let config = { headers: { "Content-Ty...原创 2021-09-18 11:33:27 · 274 阅读 · 0 评论 -
vue 自动注册某个文件夹下的所有组件
在组件同级目录下创建index.jsconst install = (Vue) => { const requireComponent = require.context(".", true, /\.vue/); requireComponent.keys().forEach(fileName => { const config = requireComponent(fileName); Vue.component(config.defau.原创 2021-09-18 13:28:03 · 2660 阅读 · 0 评论 -
vue 实现自己的input
<template> <div class="form"> <span class="label">{{ label }}</span> <input contenteditable="true" class="input" :value="value" @input="handleInput" /> </div></template>&l.原创 2021-07-03 18:06:11 · 2446 阅读 · 0 评论 -
vue codemirror 设置高度无效的解决办法
最近使用vue-codemirror发现设置高度怎么都不生效,网上的办法都用了也不行,最后终于摸索出解决办法首先是坑不能使用scss, 只有使用css才有效要给.CodeMirror-scroll设置高度,给.CodeMirror设置高度无效<template> <div class="root"> <div class="my"> <codemirror ref="myCm" v-m原创 2021-07-03 18:07:52 · 1598 阅读 · 3 评论 -
vue iview upload组件上传跨域在前端代理解决
vue 的 iview upload组件上传存在跨域问题<template> <Upload action="//jsonplaceholder.typicode.com/posts/"> <Button icon="ios-cloud-upload-outline">Upload files</Button> ...原创 2019-04-22 21:36:34 · 4182 阅读 · 0 评论 -
前后端分离(vue springboot)时候,后端集成权限框架(shiro security)遇到的跨域问题
前后端分离的跨域问题,以vue + springBoot 为例如果在后端springBoot 配置跨域,可以解决问题,但是如果后端集成权限框架(shiro、security)的时候会出现新的跨域问题、csrf问题和sessionId丢失问题,很难解决;所以前后端分离的时候,跨域问题一定要在前端配置解决,用前端代理解决(开发环境proxy代理,生产环境nginx代理),千万不要放在后端...原创 2019-04-13 12:55:17 · 1383 阅读 · 0 评论 -
vue cli3 配置proxy代理无效
vue cli3 创建的vue项目配置开发环境代理无效,网上的各种配置都试了,还是不行,最后终于试出来一种配置方法vue.config.js配置如下内容(不要配置任何多余的选项,什么changOrigin pathRewrite 之类的东西都不要配):module.exports = { devServer: { proxy:"http://127.0.0.1:...原创 2019-04-12 22:33:47 · 37947 阅读 · 25 评论 -
vue 部署 nginx 报错 403 forbidden
vue打包后的dist 放在 /usr/local目录下访问没有问题 server { listen 8080; # 监听端口 server_name localhost; # _代表匹配所有 root /usr/local/dist; # 站点根目录 index index.html;}dist 放在 /r...原创 2019-03-20 17:12:00 · 11281 阅读 · 3 评论 -
vue cli3 babel 配置 移除严格模式插件 babel-plugin-transform-remove-strict-mode
vue-cli3 没有webpack.config.js文件,想配置插件找不到地方,解决方案如下:第一步安装cnpm i babel-plugin-transform-remove-strict-mode -D第二步配置在babel.config.js文件中配置module.exports = { presets: [ '@vue/app' ...原创 2019-03-08 17:03:35 · 8557 阅读 · 7 评论