![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
繁星、晚风
这个作者很懒,什么都没留下…
展开
-
vue调用Flask框架的接口跨域问题解决
from flask_cors import CORSapp = Flask(__name__)# 跨域支持def after_request(response): # JS前端跨域支持 response.headers['Cache-Control'] = 'no-cache' response.headers['Access-Control-Allow-Origin'] = '*' return response#******app.afte...原创 2021-01-19 15:28:19 · 955 阅读 · 0 评论 -
基于vue-element-template的vue项目打包发布到tomcat服务器运行
1、配置路径2、项目打包# 打包正式环境npm run build:prod# 打包预发布环境npm run build:stage3、将dist文件夹放到tomcat服务器的webapps目录下4、访问该目录下的index.html文件参考 官方文档:https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/deploy.html#%E6%9E%84%E5%BB%BA...原创 2020-05-08 19:53:25 · 1333 阅读 · 1 评论 -
VUE项目打包发布到tomcat服务器上运行
1、项目打包路径配置将绝对路径改为相对路径目标文件:项目目录 > config文件夹 > index.jsassetsPublicPath:'/' 改为:assetsPublicPath:'./' (加一个点变为相对路径)2、配置背景图片等静态文件打包路径打包后的css文件夹内app.css文件访问static/img/’图片名’路径错误访问不到图片,在build文件内utils.js中配置路径。目标文件:项目目录 > build文件夹 >uti..原创 2020-05-08 19:40:39 · 4191 阅读 · 0 评论 -
使用vue-pagination实现真分页和假分页
1、vue-pagination官网介绍https://panjiachen.github.io/vue-element-admin-site/zh/feature/component/pagination.html#%E4%BD%BF%E7%94%A8%E6%96%B9%E5%BC%8F2、什么是真分页和假分页假分页:从数据库中取出所有的数据,然后分页在界面上显示。访问一次数据...原创 2020-05-07 16:20:44 · 3401 阅读 · 0 评论 -
axios常见传参方式get/post/put/patch/delete
厉害了https://blog.csdn.net/qq_31837621/article/details/80688854转载 2020-05-07 00:55:51 · 617 阅读 · 1 评论 -
Vue中 axios delete请求参数踩坑
vue中axios 的delete和post,put在传值上有点区别post和put有三个参数,url,data和config,所以在使用这两个时,可以写成axios.post(api,{id:1}),axios.put(api,{id:1}),但是delete只有两个参数:url和config,data在config中,所以需要写成 axios.delete(api,{data:{id:1}...原创 2020-05-05 15:05:02 · 2274 阅读 · 1 评论 -
VUE踩坑——在项目中安装依赖模块npm install报错no such file or directory
解决办法:将no such file or directory,access中指明的文件路径中的node_modules删除:rm -r node_modules或者直接在在项目文件夹中删除然后再重新npm install 安装重新npm install 安装结果如下:npm install --registry=https://registry.npm.taoba...原创 2020-05-04 20:40:17 · 7113 阅读 · 0 评论 -
VUE如何element-ui自带的富文本编辑器
1、npm安装编辑器组件npm install vue-quill-editor –save2、完成以后在main.js引入import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill...原创 2020-04-18 19:54:19 · 20721 阅读 · 3 评论 -
怎么用webstrom使用vue-cli创建项目
1、什么是vue-cliCLI(command line interfaces )命令行接口。在进行Vue项目开发时,可以选择不同的Vue模板进行项目的搭建,比如simple、webpack-simple、webpack、browserify/browserify-simple等;vue-cli是官方提供的一个脚手架(预先定义好的目录结构及基础代码,咱们在创建 Maven 项目时可以选择...原创 2020-04-01 20:20:12 · 1379 阅读 · 0 评论 -
Springboot + vue实现简单前后端分离
1.vue环境搭建与项目创建vue2.0推荐开发环境 image.png 安装完node.js后打开cmd小黑窗安装淘宝镜像,用cnpm代替npm,依赖全速度快npm install -g cnpm --registry=https://registry.npm.taobao.org安装的WebPackcnpm install webpack -g安...转载 2018-10-11 17:54:49 · 6930 阅读 · 0 评论 -
Vue-MVVM模式
Vue.js介绍Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊...原创 2018-09-20 17:58:57 · 213 阅读 · 0 评论