随笔分类 - vue
摘要：场景描述： vue开发H5页面过程中，需要用到加密解密接口，以及一系列反向代理配置。配置文件一般为——vue.config.js ; 如下： const path = require('path'); let zipName = 'sdbf-h5'; module.exports = { css:
阅读全文
摘要：场景描述：使用uniapp框架开发H5页面时，打包项目报错——Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. 全局搜索Sass，检查后发现，package配置文件
阅读全文
摘要：在vue开发中，经常会遇到跨域问题。那么比较常见的前端处理方法就是配置反向代理，如何配置呢？ 1.前往根目录，创建vue.config.js文件； 2.编写配置： 1 const path = require('path'); 2 // const ZipPlugin = require('zip-
阅读全文
摘要：编写H5-vue页面时，因为复制了之前的文件，有个方法没用到也没删除， 导致报错：Error in onLoad hook: "SyntaxError: "undefined" is not valid JSON" 解决方法： 前往detail-znzj.nvue文件，全局查询 onload方法，删
阅读全文
摘要：运行Vue项目时；报错 Syntax Error: TypeError: this.getOptions is not a function ； 原因分析：一般此种情况是因为sass-loader版本过高，导致项目不兼容 处理方法：降低sass-loader版本 操作步骤： 1.在项目根目录下，打开
阅读全文
摘要：编写Vue项目时候，文件报错，Failed to resolve loader: sass-loader，一般是没有安装Sass但是却引用了Sass语法 报错引用： 处理方式： 1.分别执行命令，安装Sass模块 npm i node-sass -D npm i sass-loader -D 注意：
阅读全文
摘要：类似Webstorm快捷键快速生成html或者Vue文档，Vscode也可以设置。 设置流程如下： 1.确认Vscode是否安装Vetur插件，如图，显示Disable和Uninstall即表示已安装，无此状，点击Install安装即可。 2.确认Vuter已安装，点击File>>>Preferen
阅读全文
摘要：运行Vue项目的时候，报错：Node Sass version 6.0.1 is incompatible with ^4.0.0. 表示——Sass版本过高，需要手动卸载已有Sass版本后，降低版本。 操作步骤： 1.卸载原版本： npm uninstall node-sass 2.安装低版本：
阅读全文
摘要：编写VUE项目时候，报错 ERROR Failed to compile with 1 error 下午1:46:02Failed to resolve loader: sass-loaderYou may need to install it. 解决方法：安装sass-loader即可； 操作步骤
阅读全文
摘要：使用Vue搭建项目时候，需要用到Sass，参照教程使用 “npm install -D sass-loader sass”安装后，执行npm run serve，报错： TypeError: this.getOptions is not a function 分析：由于sass配置版本较高，不兼容当
阅读全文
摘要：使用 git bash 创建vue项目时候，无法使用上下键盘按键选择vuecli版本， 处理： 1.当前界面，按CTR + C终止创建命令； 2.使用 alias vue='winpty vue.cmd'，更新命令环境； 3.再次使用 vue create demo创建项目； 4.如图示，即可使用键
阅读全文
摘要：搭建Vue+node做博客系统时，有一段数据代理设置，设置后，还是无法调用到正确的响应数据，观察到本地连接端口设置的是8080，但是打开确是8081，发现是之前别的本地项目占用了8080。 使用命令： netstat -ano|findstr 8080 查看占用的端口， tskill 端口id号 重
阅读全文
摘要：说明： 1.开发使用的UI是mintUI, 要求： 1.获取6到13之间的数据：items.slice(6,13) <mt-cell v-for="(item,index) in items.slice(6,13)" :title="item.title" :key='index'> <a :hre
阅读全文
摘要：安装前，需要进行node、npm检测，查看是否已有安装node、npm环境； 操作方法：Windows+R 调出运行框，输入cmd 调出命令框；分别输入node -v 回车（查看node版本） npm -v 回车（查看npm版本）； 如果没有显示版本号，则需要安装node 及npm，安装方法http
阅读全文
摘要：如果本地运行多个vue+webpack项目会报错：listen EADDRINUSE: address already in use :::8080； 提示含义：地址端口已经被占用 注：8080指的是前一个项目的地址端口，但后一个项目默认也会用这个，所以就会冲突报错； 解决方式： 1.关掉前一个项目
阅读全文
摘要：组件式开发中，一定少不了Vue，废话少说，开始进行Vue应用前的关键性配置 备注：（为方便进行配置，提前可以安装Git bash,下载路径——https://git-scm.com/downloads，安装略） 1.新建；新建项目文件夹（或称“目录”），进入新建的项目文件夹，右键选择“git bas
阅读全文
