vue
墨咎
这个作者很懒,什么都没留下…
展开
-
Vue搭建项目(Day1)搭建脚手架Vue-cli
一、环境安装 要搭建vue-cli需要先在本机有node和npm的环境。 进入node官网下载node.js然后安装在本地,安装成功后npm也会自动安装成功。如何查看是否安装了呢?打开控制台在上面输入node -v 查看node版本号,输入npm -v查看npm版本号。如出现版本号则证明已经安装成功,如下图:二、创建vue-cli项目 安装vue-cli环境,在命令行里输入以下命令(全局安装...原创 2018-04-16 17:50:11 · 203 阅读 · 0 评论 -
解决VUE脚手架项目本地开发时的跨域问题
在项目VUE项目开发中我们调用其他同事开发的接口通常是会跨域的,所以在本地环境就需要做一些配置,找到config文件夹中的index.js在dev中进行修改配置// 开发环境解决跨域 env: require('./dev.env'), port: 8080, host: '0.0.0.0', autoOpenBrowser: false, asset...原创 2019-02-23 15:41:59 · 2249 阅读 · 0 评论 -
VUE+axios上传文件,下载文件中的一个坑。
问题描述:最近一个项目中使用axios进行上传和下载,但是上传和下载是需要定义responseType和headers的,这样问题就出来了当你没有权限时候这个接口是抛出一个json数据的,同样上传格式错误也是一个json数据的;由于已经定义了responseType所以接到的数据是已经被转换的数据,它同样会进行下载这时候就需要我们判断返回数据时候的headers是否为文件以外的定义,然后将blob...原创 2018-12-17 09:45:07 · 6268 阅读 · 0 评论 -
解决Vue打包上线之后部分CSS不生效
首先注释掉webpack.prod.conf.js中下面的代码new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true }}),然后在utils.js中添加,...原创 2018-10-26 13:10:28 · 10695 阅读 · 2 评论 -
vue键盘事件点击事件加native
<el-card class="box-card animated flipInY"> <el-form :model="ruleForm2" :label-position="labelPosition" status-icon :rules="rules2" ref="ruleForm2" label-width="50px" cl原创 2018-05-24 11:03:22 · 8957 阅读 · 0 评论 -
vue项目中的路由配置
公司的项目使用vue脚手架来搭建,是属于后台管理系统。功能页比较多,就使用vue路由来进行跳转;个人比较习惯上面这种方式放置路由文件,并且使用懒加载的模式来配置,如下:import Vue from 'vue'import Router from 'vue-router'//import Login from '.././views/login.vue'//import NotFound f...原创 2018-05-16 17:51:57 · 47811 阅读 · 0 评论 -
vue引入Element-UI
最近使用vue脚手架搭建了一个后台管理系统并引入了element-ui引入element-ui推荐使用npmnpm i element-ui -S如果是全局引入就在main.js中import ElementUI from 'element-ui' 也可以引入部分这样不需要的部分就不会加载,前提要安装babel-plugin-component:npm install babel-plugin-...原创 2018-05-16 17:35:50 · 396 阅读 · 0 评论 -
vue项目搭建(day2)项目介绍
一、主要文件 api中封装接入数据的公用js比如: assets放一些图片等、common可以放一些公用的css.js等、components放组件、router放路由文件、页面放入views。这些东西都是根据自己的习惯来做。引入外部的字体、js、css等可以根据需要来放置。...原创 2018-05-10 11:16:21 · 169 阅读 · 0 评论 -
解决VUE项目打包路径错误,以及自定义打包
做vue项目的时候碰到打包上线白屏的问题,这里我使用了一种方式就解决了;在config文件夹中的index.js里找到build里面的 assetsPublicPath: './'原本它是 assetsPublicPath: '/' 换成 './'即可。我们打包完的项目一般都是存在dist文件夹中,会有一个index.html和一个static文件夹存放js,css等;如果你不希望...原创 2019-02-23 15:53:13 · 1462 阅读 · 0 评论