vue-cli搭建项目遇到的一些问题（持续更新）
1.invalid host header更改localhost域名为其他域名后，出现了Invalid Host Header这么个错误，一通百度过后，发现是webpack对于host安全性鉴定造成的。解决方案是在webpack.dev.conf.js文件中的devServer配置对象中添加disa...
vue.js项目 评论留言模块支持表情包
vue.js项目 评论留言模块支持表情包需通过后台处理表情包：数据库存储字段，前端直接处理转换成表情。页面结构搭建：如图，页面布好文本域框和表情列表 根据表情包的内容，转化成对应的描述和路径 文本域框中展示选中的表情包内容 后台数据传入时，正则匹配替换相应的内容为表情 注：如果需要不以图片的形式存本...
用vue构建项目笔记2（引入自定义头部组件）
当我们创建好项目以后，前端的工作就是开始切图了，头部导航和尾部导航以及最底部的网站声明都是每个网页必备的，不可能每个网页去写一遍，用iframe或者load方法去加载，都有非常大的弊端，在vue中，可以用组件功能方便的实现这一需求。下面是我项目中创建头部的过程：1、找到vue-cli项目中...
windows下部署vue项目（及安装tomcat步骤）
一：安装tomcat 路径如下：二：配置环境变量1.新建 变量名：CATALINA_HOME 变量值：tomcat的文件夹路径2.在path中加入;%CATALINA_HOME%\bin三：启动tomcat1.进入bin下：找到tomcat8w.exe 双击注：tomcat8.exe 这个文件是用来...
手机访问电脑端vue-cli项目——简单教程
手机访问电脑端项目的简单步骤如下所示：1、确保手机和电脑连接在同一 wifi 上2、修改 Vue CLI 配置：项目根目录 --> config --> index.js 修改为如下图所示3、运行 npm run dev，把项目网址转换为二维码即可通过手机扫一扫进行访问。...
如何在本地运行vue项目，然后打包扔到服务器？（前端向）
一、在本地运行一个vue项目1、前言vue慢慢成为了前端程序员最主流的框架之一，与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合，所以被越来越多人所接受。因此，当我们从github上爬取别人的vue项目之后如...
Xshell+Xftp在Linux的tomcat下部署Vue项目步骤
Xshell+Xftp在Linux的tomcat下部署Vue项目步骤话不多说、直接开始下面的步骤：1、打开Xshell面板2、点击文件-新建3、填写服务器名称、主机ip以及端口号4、输入连接Linux服务器的用户名和密码5、等待连接服务器成功之后，点击文件传输，进入文件传输图形化界面!6、接下来找到...
Vue3.0 多页面配置以及实现页面在项目内的跳转
[Vue.js]Vue3.0 多页面配置以及实现页面在项目内的跳转vue.js作为开发框架的三巨头之一，在2019年3月推出3.0版本之后，功能得到了更大的完善。相较于上一版本冗杂的文件目录，3.0版本的目录显然清爽许多，并且vue.config.js文件将赋予了开发者高度的自由配置权。回想起使用2...
Linux&服务器vue项目外部无法访问
Linux&服务器vue项目外部无法访问第一步：编辑 项目中的package.json添加 --host 0.0.0.0第二步：编辑项目中的 config/index.js将host后面修改为 自己ip地址最后npm run dev 启动...
Vue项目请求时间过长导致断开连接的问题
对于laravel，已经无力吐槽，不能支持多线程是个永远的痛，如果这个问题在java中，直接另辟一个线程就可以搞定，分分钟就可以返回数据！ 问题：上传视频至阿里云oss，大文件莫名的会上传两次，而且前端每次大约在4.1min的时候断开连接 思路：因为在阿里云的控制台可以看到...
vue项目启动后文件加载过程总结
先介绍下vue项目的文件目录结构（vue-cli2版本），如下图：大家都知道，所有的前端项目在启动时，后首先去加载最外层的index.html页面，也就是这个注意到index.html中有一个id为app的div元素，这个div就是一个挂载点，以后在views文件夹下的所有页面都会挂载到这个这个di...
Vue 项目优化——如何查看是否已开启Gzip压缩
Gzip压缩——减少文件大小有两个明显的好处，一是可以减少存储空间，二是通过网络传输文件时，可以减少传输的时间。一、打开控制台Chrome浏览器F12打开控制台，进入调试界面二、在表头单击鼠标右键如下图：勾选Content-Encoding后，在表头会多出Content-Encoding这一列，用于...
如何在VUE项目里使用阿里巴巴 iconfont 图标库里的彩色图标（svg图标）
1.打开iconfont，并登录账号http://www.iconfont.cn/ 2.挑选自己喜欢的图标，加入购物车 3.打开购物车 => 添加至项目 => 新建项目目录 => 确定 4.进入我的项目，点击Symbol，点击生成代码 5.将生成的代码引入index...
WebStorm打开Vue项目卡死
打开vue项目卡死原因是因为node——modules文件过于庞大，占取过多CPU空间导致。所以设置导入项目时，忽略创建node_modules模块索引。点开file -> settings -> File Types -> ActionScript -> *.as ->...
解决vue项目npm install 和npm run 时出现的问题
报错1found 10 vulnerabilities(6 moderate，4 high)run `npm audit fix` to fix them, or `npm audit` for details说明：虽然警告有漏洞，但是不影响运行。解决：把项目中的node_modules文件删掉，再...
vue项目中favicon.ico的使用
1.在index.html中引入ico文件 <link rel="icon" href="./favicon.ico" type="image/x-icon">2.在build/webpack.prod.conf.js中，粘如如下代码。 new HtmlWebpackPlug...
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题
Vue项目解决iphoneX底部小黑条遮挡底部菜单栏布局问题1.先在公共样式里给body加上红色区域块的代码2.在入口文件的viewport的内容里使用viewport-fit=cover属性3.效果如图码字前：~~~~~~码字后：~~~~~~~~~引用该链接的见解实现↓https://blog.c...
vue项目vant框架的滚动导航不生效原因
我引入vant组件使用滚动导航，不生效，其他导航都没问题；经过排查发现是因为css样式问题；滚动导航的父盒子样式不能有overflow-y: auto;这个样式会导致滚动导航不生效引入组件import Vue from ‘vue’;import { Tab, Tabs } from ‘vant’;V...
如何用Hbuilder开发vue项目?
一、安装node1、下载地址为：https://nodejs.org/en/2、一路点击Next，检查是否安装成功3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/输入：npm install -g cnpm –registry=https://registry...
Vue.JS项目中二级路由下刷新浏览器仍呈现当前路由的实现方案
1、需求介绍：以下介绍一下实现起来没什么疑问的需求：设备列表为一个主页，点击设备列表中的编辑按钮，进入设备信息主页面，默认打开设备配置页，点击设备状态、设备日志、固件升级，会切换下方内容。 本人对以上需求实现方案：设备列表为一级路由，设备信息主页为二级路由，设备配置、设备状态、设备日志、固件升级在设...