1.获取token值后台有接口调用直接返回token值//请求后台拿七牛云tokenasync getQiniuToken() { //tokenlet uploadtoken = await this.Fetch("/osg/resource/uploadtoken/image", {method: "get",});console.log(uploadtoken);//赋值保存在本地this.QiniuData.token= uploadtoken.data.token }, 2.贴上页面代码<template><div class="upload-info"><div><el-uploadclass="upload-pic":action="domain":data="QiniuData":on-rem...
这个不是报错，而是需要将babylon 换成babel解决办法是：找到modules包里面的：node_modules\vue-loader\lib\template-compiler\index.js将{ parser: "babylon" } 换成?{ parser: "babel" } 即可；如下图所示： 在vue项目中，执行 npm run dev 时提示 { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }原文：https://www.cnblogs.com/ruilin/p/11177873.html
使用 Hbuilder新建好移动app项目后，mainfest.json这个文件里的 plus里设置 statusbar..... "plus": {"statusbar": {"immersed": true},......}, ..... 效果 此随笔乃本人学习工作记录，如有疑问欢迎在下面评论，转载请标明出处。如果对您有帮助请动动鼠标右下方给我来个赞，您的支持是我最大的动力。 原文：https://www.cnblogs.com/huangenai/p/9826123.html
简介eslinteslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。 官方文档：https://eslint.org 这篇文章总结了eslint的规则：Eslint规则说明关闭eslint校验有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，未免太过于苛刻了。所以，我还是会选择关闭eslint校验。 下面就介绍一下vue项目中如何关闭这个校验。 首先我们在创建一个vue项目...
入职学霸君三周，我的第一个大需求，世界杯活动历时两周，刚刚终于上线。这是我第一个实践中的vue项目，也磕磕绊绊的完成了从react的转变。以此为记。首先记录下菜鸟的学习过程：（1）看个大概因为每个活动代码相对独立，我先大致看了一遍几个之前的vue项目，从项目目录结构开始，到样式引用，接口调用方法，页面构建方法，对有用的一些api什么的有个大致的印象；（2）了解VUE带着一点懵懂和猜测，我花了一上午的时间过了一遍vue文...
比较好用的一个脚手架：https://a1029563229.gitbooks.io/vue/content/cooking-cli.html创建一个vue项目的流程：1、安装node,版本号必须是3.0.0以上2、python 2.7.*3、安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org4、cnpm i cooking-cli -g //npm install -g vue-cli5、 cooking create XXXX(项目名)6、cd XXXX(项目名)7、npm i8、cooking watch -p9、npm install vue-router --save10、 npm i ...
背景vue项目如何请求后端api？vue-cli脚手架生成的webpack标准模板项目HTTP库使用axios一、开发环境跨域与API接口服务通信整体思路：开发环境API接口请求baseURL为本地http://localhost:8080为本地请求配置代理，代理目标服务器设置为接口服务所在地址或域名具体步骤如下：1、config/dev.env.js文件中配置baseURLmodule.exports = merge(prodEnv, {NODE_ENV: ‘"development"‘,BASE_API: ‘"http://localhost:8080"‘ //配置为本地...
npm install element-ui --save npm install vuex --save npm install axios --save npm install moment --save //处理日期格式化import ElementUI from ‘element-ui‘vue.use(ElementUI );安装了插件，还得import和ues，项目才能使用 1，官网引入步骤 原文：https://www.cnblogs.com/wskb/p/12027965.html
1. 清除浏览器缓存2. 打开首页3. app.js 跟 chunk-vendors.js 超过1M，请求状态200，超过20秒 4. 如果请求状态返回304 Not Modifyed，表示加载浏览器缓存的数据 5. 优化这个20秒：步骤一：更改路由 推荐：使用懒加载的方式： ‘Element‘: (resolve) => require([‘@/views/sys/element‘],resolve) 不使用懒加载的方式：‘Analysis‘: () => import(‘@/views/dashboard/Analysis‘)步骤二：使用gzip压缩安装命...
需要分别安装node-sass 和 sass-loader;可以不需要ruby;webpack当中配置{test: /\.vue$/,loader: ‘vue-loader‘,options: {loaders: {‘scss‘: ‘style-loader!css-loader!sass-loader‘}}}使用的时候要记得在style当中加lang="scss" 原文：http://www.cnblogs.com/kugeliu/p/6726694.html
出现 Cannot GET/： 控制台中并没有报错；npm run dev命令行窗口也没有报错。 原因在网上查了一堆，发现这个问题还挺多呢，而且各个回答的解决方式都竟然有许多不同…于是把能改的地方都改了…（基本上相当于将配置信息改回来）关闭 history 模式关闭history模式，用/#/路由的方式开启，（history模式要跑在服务端里面）； 更改端口号更改端口号（没改的话打开原端口号自动加上登陆次数） config/index.js文件中修改assetsPublicPa...
node.js / npm -- npm -- 管理工作目录 -- npm init -y -- 下载包 -- npm i xxxx@0.0.0 -- 卸载 -- npm uninstall xxxx -- 更新 - npm update xxxx webpack -- 下载 -- npm i webpack webpack-cli -- 打包默认的入口文件 --src目录下的 index.js -- 出口文件 -- dist目录的main.js vue-cli -- 帮助我们快速搭建项目的脚手架工具 -- 下...
vue 项目中，因为需要一个功能：登录后 进入首页并判断当前密码是否是弱密码，如果是要弹出修改密码框，必须修改密码。最开始，想要通过在login 页面添加弹框，判断密码是否是弱密码，但是发现，跳转到首页后 弹框并不显示。然后 想要在全局定义一个变量 作为 密码的标识。 在登录页引用这个变量，判断密码是否为弱密码，如果为弱密码则修改标识。 然后在首页也引用 这个变量，判断这个变量 如果这个变量为 true 弹出修改密码的...
基于Typescript的Vue项目配置国际化简介使用vue-i18n插件对基于Typescript的vue项目配置国际化，切换多种语言, 配合element-ui或者其他UI库本文以配置中英文两种语言为例安装安装国际化插件vue-i18nnpm i vue-i18n --save 添加locales文件在根目录下(src/)下新建目录 i18n/ 在src/i18n/目录下新建en.json文件，对应英文{"lang": {"login": "login"} } 在src/i18n/目录下新建zh.json文件，对应中文{"lang": {"login": "登录"} } 配置...
vue项目一、uve目录结构1.1 node_modules? npm 加载的项目依赖模块。1.2 public? 可以放置静态资源，任何放置在 public 文件夹的静态资源都会被简单的复制，而不经过 webpack。你需要通过绝对路径来引用它们。1.3 src? 这是开发使用的目录，几乎所有的操作都在这里进行。? assets: 放置一些图片，如logo等。? components: 目录里面放置组件文件? App.vue: 项目入口文件，也可以将组件写在这里? main.js: 项目的核心文件1.4 package...