vue
lilongwei4321
欢迎评论
展开
-
vue安装less报错Failed to compile with 1 errors
1、创建vue项目后安装less,执行npm install less less-loader --save-dev下载版本为:[email protected] ,[email protected],重启服务报错,报错信息如下:2、报错原因 less 本版太高需要降低版本,执行代码先移除之前版本:npm uninstall less-loader 下载指定版本:npm install [email protected] -D3、重启代码就可以了,若还是报错可移除文件node_modules...原创 2020-06-08 21:07:21 · 2030 阅读 · 0 评论 -
项目nginx部署到非根目录下vue配置
1、修改config/index.js2、修改路由route/index3、若index.html有引入static中的 js 和images需要配置 webpack.dev.conf.js 和 webpack.prod.conf.js 配置webpack.dev.conf.js ,大概在55行左右增加path配置new HtmlWebpackPlugin(...原创 2018-07-23 10:39:34 · 11133 阅读 · 1 评论 -
vue代理解决跨域问题
1、修改config/index.js注:host配置0.0.0.0方便移动端预览,但要注意port 需配置3000,4000这样的端口,启动服务后可访问localhost:3000或者IP:3000 代理跨域使用vue-resource this.$http.get('/api/请求地址', {参数})...原创 2018-07-23 10:54:11 · 1701 阅读 · 0 评论 -
快速搭建vue后台权限管理vue-element-admin
下载https://github.com/CaiBaoHong/biu biu/browser为前端vue项目,初始化项目(npm install) 启动服务 (npm run dev),可以看到系统管理下的权限配置添加页面后需同步权限元数据也可配置按钮权限 biu/browser/src/components/ 目录下有多种组件(echart、Excel、图片上传等) 请求接口可在src...原创 2018-07-23 11:22:25 · 38231 阅读 · 3 评论 -
h5和vue支付宝支付
1、vue项目会在response中返回一段代码;可直接获取代码并提交支付请求;$nextTick延迟执行2、H5项目会在response中返回一段代码;可直接从dataFilter获取代码并提交支付请求;...原创 2018-07-23 11:35:55 · 3542 阅读 · 1 评论 -
vue简单封装axios
1、在src下新建api文件夹,在api文件夹下新建config.js文件2、config.js配置如下:import axios from 'axios';import qs from 'qs'//mint UI 框架,若不需要请全部注释掉import {Indicator, Toast} from 'mint-ui'axios.defaults.headers.post['...原创 2018-07-31 11:24:58 · 898 阅读 · 0 评论 -
vue项目引入字体.ttf
1、下载所需要的字体,.ttf格式本文以(FZCYJ.ttf 为例)2、在src下新建common文件,文件夹中包含以下文件3、打开font.css@font-face { font-family: 'FZCYJ'; //重命名字体名 src: url('FZCYJ.ttf'); //引入字体 font-weight: normal; font-sty...原创 2018-08-02 17:47:53 · 62064 阅读 · 12 评论 -
vue element table 表格请求后台排序
1、ElementUi文档已经说了,如果需要后端排序,需将sortable设置为custom,同时在 Table 上监听sort-change事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而向接口请求排序后的表格数据。<el-table :data="playerTableData" border style="width: 100%" :default-sort = "{p...原创 2018-08-08 17:16:01 · 9633 阅读 · 3 评论 -
vue引入本地iconfont图标字体
1、下载iconfont图标至本地2、项目中新建文件夹,并把以下文件放到文件夹中3、打开app.vue页面,import引入对应的地址<template> <div id="app"> <router-view/> </div></template><script>export原创 2018-09-11 10:57:37 · 3608 阅读 · 0 评论 -
vue项目axios每次请求session不一致
1、vue开发后台管理项目,登录后,请求数据每次session都不一致,后台返回未登录,处理方法打开main.js设置:// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alia...原创 2018-09-18 20:02:27 · 8677 阅读 · 1 评论 -
vue打包项目报Unexpected token分析及解决方法
1、vue打包项目放到,内网发现报错,不要慌,查看报错的文件,我的是有3个报错,rem.js,md5.js等文件;点开文件发现找不到,说明路径配置有问题2、我的项目是放在非根目录下的所以需要配置config/index.js文件 build assetsPublicPath:'/fishagent/',fishagent非根目录下的路径名,具体操作可以看我之前的文档 https://blo...原创 2018-09-20 10:56:39 · 19637 阅读 · 0 评论 -
vue项目打包后放服务器非根目录下图片找不到
1、刚开始我的图片是放在static中,但是尝试多种方法,放到非根目录下图片就是不显示,最后解决方法是把图片放在了src/assets下,页面import引入2、引入static中的背景图怎样编辑呢?使用相对路径来编辑,具体有几个“../”需要看文件放在哪里。但是这种写法的前提是先配置webpack.dev.conf.js和webpack.prod.conf.js,具体配置请参考https...原创 2018-09-20 11:10:02 · 3472 阅读 · 0 评论 -
vue项目刷新当前页面
1、因项目需要刷新当前页,但是不能出现空白,router.go(0)等都不太好使,所用我选择用 provide/inject。在 Vue.js 的 2.2.0+ 版本中添加加了 provide 和 inject 选项。他们成对出现,用于父级组件向下传递数据。2、打开app.vue设置3、子组件使用在需要刷新的地方设置 this.reload() 就可以了...翻译 2018-09-20 11:22:45 · 710 阅读 · 0 评论 -
vue下载二进制流图片
1、应项目要求,后台返回二进制流,而且乱码2、红色为必须this.$axios.post('/fishweb/agent/downLoad',this.stringify({filename:'qrCode.jpg'}), { responseType: 'arraybuffer' //指定返回数据的格式为blob }).then((res) =&...原创 2018-09-21 16:32:43 · 8705 阅读 · 2 评论 -
vue修改图片后实时更新
1、vue图片上传,使用element UI 上传组件自己写<el-upload action="string" :http-request="uploadImg" :show-file-list="false"> <el-button v-perm="'b:img:upload'" size="small" type="pri原创 2018-09-28 15:06:51 · 8769 阅读 · 3 评论