vue项目 菜单侧边栏随着右侧内容盒子的高度实时变化
测试的时候发现，在选择模板、选择产品第二步第三步的时候。如果超出两行的话会盖住看不见，（因为高度所有统一都被写死了，又加了overflow~emmm~）所以要改成走马灯形式。如图： 那么问题来了，我步骤1选择产品和步骤2选择模板是同一个页面，只是父元素下的dom修改了而已。侧边栏是需要跟着右侧内容盒...
vue项目发布到github上，到线上预览
前言：从你一个本地的html文件到一个github https可访问的（https://hollowshun.github.io/pc/dist/index.html）页面。1.前提有github，没有的注册一个（基本操作和gitlab,gitee,差不多一样）2.你有一个html，或一个项目，或...
从零开始创建初始化一个vue2的项目
对于前端小白甚至是没怎么接触过前端的小伙伴们，这篇关于vue2入门的文章，正是为你量身定做，好了，废话不多说mm~我的电脑需要安装一些乱七八糟的软件么？NO！！你只是要安装node中的npm包管理器，那么，该怎么安装呢？打开https://nodejs.org/en/download/ 这个网址， ...
vscode 搭建Vue项目及引入elementUI
vscode 搭建Vue项目及引入elementUI1.全局安装vue-cli(快速构建Vue项目)命令：npm install -g vue-cli2.安装webpack（打包）命令：npm install -g webpack3.创建文件夹存放项目命令：vue init webpack myVu...
idea中关闭Vue项目中ESlint检查
关闭Vue项目中ESlint检查在使用idea编写项目时很多人有着随手按ctl+alt+L（代码格式化）的习惯，但这一习惯在写vue项目是缺不是什么好习惯了，因为这一按下去，那么满页面都是红色警告了，因此在此分享在idea中如何关闭ESlint检查方法file ==> settings ==&...
阿里云服务器项目部署docker-compose+vue+redis+nginx+minio+springboot
1 阿里云服务器项目部署-单机部署 docker-compose 1.1 搭建背景 服务器 阿里云服务器 前端 vue 后端 springboot 服务 redis 、nginx、minio 都做单机模式部署,不做集群部署 博客内容参考了其他博文，会贴出来 1.2 <重要>端口开放前提说...
vue项目中画出优雅的线条
需求：运行监控图模块，模块之间用虚线或者实线连接，且带有箭头实现方法：1、canvas绘制2、echarts专业的表格软件（画带箭头的虚线有难度）3、svg方法4、leader-line插件5、背景图 刚开始项目比较紧急，也没时间研究怎么划线比较好，就用了最笨的方法：背景图。就是让ui出一张背景...
使用vue-cli创建的的项目的文件介绍
使用vue-cli创建的工程的相关文件介绍1、使用vue-cli安装的项目的整个文件如下图所示：下面介绍一级目录的文件夹的作用sell2是项目名；一级目录下的文件夹名build和config都是和webpack配置相关的；文件夹node_modules是通过npm install安装的依赖代码库；文...
vue解决微信浏览器自带导航条造成项目tabbar不显示的问题
案例如下：1）在微信浏览器打开此页面，项目自身带tabbar，包括首页，发现 我的2）点击为您推荐的第一个 pzm测试-食-图片，跳转到其他页面，下图为跳转页面，可以看到下方的图片已经出现了微信浏览器自带的导航条，用于前进后退。3）然后点击上方红色框的返回键，得到下图，出现了微信浏览器自带的导航条，...
Docker Nginx 部署Vue项目
先弄个ngix镜像，还原到linux里面 发布包放的位置 nginx配置文件 server { listen 8049; server_name localhost; #charset koi8-r; access_log /var/log/n...
初始化vue项目时，出现vue不是内部或外部命令,也不是可运行程序的解决办法
在安装vue的环境时可能会出现以下的错误：1、#首先运行安装webpacknpm install webpack -g2、#然后安装vue/clinpm install -g @vue/cli-init在执行完以上2个命令后，去初始化创建一个vue项目执行以下命令：vue init webpack ...
VS Code开启第一个VUE前端项目（2）
实习的期间真苦逼啊，才学两天就要开始写了，完全跟不上节奏。尤其是已经开始一段时间的项目，半路进来实习，完全看不懂他们的代码，有点赶鸭子上架的感觉。 没办法，有压力才有动力，压住内心的躁动，开始今天的熟悉认知代码环节。 下面是整个VUE项目的执行顺序，显示index...
vue项目打包上传至服务器
一种是使用 vue + webpack 自己搭建的vue项目，在项目打包时，直接在项目目录下运行 webpack 即可打包完成。打包完成后在项目的 dist 文件夹下就是打包好了的文件。然后将这两个文件使用 WinScp 上传至云服务器相应的文件夹（二级域名对应的文件夹）中，重启项目即可。另一种使用...
vue-cli项目局域网访问
目录说明veu-cli 2.Xveu-cli 3.X说明vue-cli3.0之后项目目录产生了比较大的变化，对应的配置局域网访问的方法也不同了。这里记录以下两种版本局域网访问方法。veu-cli 2.X找到confing文件夹下index.js文件打开index.js将红框的localhost改为0...
vue项目可以通过本机localhost和本机或其他电脑使用ip地址访问的方法
问题描述：本机的vue项目通过npm run dev 或者npm run serve的方式启动后，在浏览器可以通过输入localhost：8080就可以访问但当在本机或者其他电脑的浏览器中输入本机的ip地址+端口，即：192.168.212.82:8080,不能访问成功解决方法：1、解决方法一：找到...
vue-cli+webpack+axios构建的项目修改为https协议
用vue-cli+webpack+axios构建的项目默认为http协议，若想修改为较安全的https协议，需在webpack.dev.conf.js配置文件中加上https:true,则可实现https协议访问，具体如下图
Nginx部署Vue项目静态文件404解决方案
简述：最近网站被恶意攻击，首先在服务器安装了云锁，安装云锁的步骤在博文“Linux服务器安装云锁”中，有需要的大家可以看一下；随后在又安装了Nginx防火墙，长下面这个样子： 在网站做了防护之后，发现移动端的静态文件全部404，不过也有可能是更早然后出现了问题.....问题描述：（1）数据接口请求正...
vue项目页面cannot get / 错误解决办法
昨天做项目,打包部署到服务器之后,今天早上到公司npm run dev启动项目,页面报错cannot get /开始以为是昨天打包的时候把config文件夹下的assetsPublicPath改成了"./“导致的于是把”./“改回了”/"可还是不好用,于是又找了很多资料也没发现什么原因,后来我想页面...
Vue2.0项目中使用axios进行跨域
第一次使用Vue2.0框架做项目，中间遇到了跨域问题，从网上找到了解决办法，用官网推荐的axios很容易实现，先记录一下，万一以后忘了呢1. 使用npm install axios --save下载2.在main.js中进行引入3.在config文件夹下的index.js文件中的proxyTabl...
vue+axios 开发环境与生产环境配置请求接口，本地开发和线上开发有多个请求地址怎么处理？上线后自动获取ip,不需改请求地址可运用多个项目中
1. 配置本地开发环境接口：进入到项目目录config文件中index.js ；当页面有多个不同地址时此可以重定向，下图中会出现报错的就是路径问题，创建所有httpUrl接口请求。举例后台请求地址为：192.168.11.12:80/omc/login ,第一个/omc;页面请求地址写为/omc/...