一个菜鸟的互联网技术分享博客
您的位置: 主页 > 技术尬聊 >

技术尬聊

使用vue全家桶高仿小米商城--头部组件公

使用vue全家桶高仿小米商城--头部组件公

在开发偷组件的时候发现为了方便公用部分方便使用,vue里面对于公用样式很友好,于是就新建了一个,如下图所示: 然后在要使用的地方引入改样式,例如NavHeader.vue页面里面,如图所... 阅读更多 »

使用vue全家桶高仿小米商城--Mock设置

使用vue全家桶高仿小米商城--Mock设置

1、开发阶段,为了高效率。需要提前Mock 2、减少代码冗余、灵活插拔 3、减少沟通、减少接口联调时间 Mock设置的3种方案 A、本地创建json 本地项目中创建login.json文件,代码如下图所示... 阅读更多 »

使用vue全家桶高仿小米商城--接口错误拦

使用vue全家桶高仿小米商城--接口错误拦

1、统一报错 2、未登录统一拦截 3、请求值、返回值统一处理 在main.js(如下图所示)加入下面代码: 代码如下: import Vuefromvue import routerfrom./router import axiosfromaxios import VueAxiosfromvue-a... 阅读更多 »

使用vue全家桶高仿小米商城--Storage封装

使用vue全家桶高仿小米商城--Storage封装

1、Cookie、localStorage、sessionStorage三者的区别 1.1、存储大小:Cookie -4K Storage -5M 1.2、有效期:Cookie有用有效期,Strage永久储存 1.3、Cookie会发送到服务器端,存储在内存中(sessionStorage也是存... 阅读更多 »

使用vue全家桶高仿小米商城--分离组件和

使用vue全家桶高仿小米商城--分离组件和

1、分离组件,如下图 2、配置路由,router.js代码如下 import Vuefromvue import Routerfromvue-router import Homefrom./pages/home import Indexfrom./pages/index import Productfrom./pages/product import Detailfrom./pages/detail... 阅读更多 »

使用vue全家桶高仿小米商城--安装依赖

使用vue全家桶高仿小米商城--安装依赖

1、vue-lazyload 2、element-ui 3、node-sass 4、node-loader 5、vue-awesome-swiper 6、vue-axios 7、vue-cookie 在安装node-sass的时候可能会安装失败, npm install 时偶尔遇到报错:没有安装python或node-sass 安装失... 阅读更多 »

使用vue全家桶高仿小米商城--前端主要的

使用vue全家桶高仿小米商城--前端主要的

前端主要的三种跨域解决方案 1、CORS跨域(使用easy mock上面的接口模拟) 1.1、前端不需要处理,服务端设置,前端直接调用 1.2、后台允许前端某个站点进行访问 代码及效果图如下:... 阅读更多 »

Vue项目运行时候出现:Mixed spaces and tabs

Vue项目运行时候出现:Mixed spaces and tabs

在vue项目中随便加了几行正确的代码,但是运行项目的时候出现Mixed spaces and tabs...报错,发现当初建项目的时候没有做eslint限制 报错原因: Mixed spaces and tabs(混合空格和制表符)。 大... 阅读更多 »

使用vue全家桶高仿小米商城--环境搭建

使用vue全家桶高仿小米商城--环境搭建

1、安装node 2、安装vue,在控制台运行:npm install vue 3、安装脚手架工具(vue/cli)在控制台运行:npm install -g @vue/cli(4.0版本) 或者 nmp install --global vue-cli (2.0版本) 安装太慢了,建议安装... 阅读更多 »

回到顶部