nuxt项目线上部署-nuxt项目打包部署
nuxt项目线上部署-nuxt项目打包部署
1、准备工作安装node:http://menvscode.com/detail/59eedf3610c98d0e654c1b8f安装ngnix:http://menvscode.com/detail/5c3d4ad44ac443095e53a4f5安装PM2:http://menvscode.com/detail/5ce21943e8c50a0870f419832、
浏览:61 标签: nuxt 打包部署 nuxt
利用reduce方法对数组对象去重
利用reduce方法对数组对象去重
dsd https://www.cnblogs.com/le220/p/9130656.html
浏览:33 标签: 数组对象 去重 reduce
nuxt引入jQuery库
nuxt引入jQuery库
方法一:安装 jquery 包安装命令npm install --save jquery配置 nuxt.config.jsconst webpack =require('webpack')module.exports = {    build: {        plugins: [            new webpack.ProvidePlugin({    
浏览:48 标签: jQuery nuxt
Nuxt.js 中 asyncData 使用方法介绍
Nuxt.js 中 asyncData 使用方法介绍
nuxt最重要的就是服务端渲染,首先需要知道什么是服务端渲染,什么是客户端渲染。传统服务端渲染中,是请求页面url,由后端返回html渲染到浏览器中。在spa中所有的渲染都由客户端完成,客户端请求接口,服务端返回的只是数据。这种方式爬虫没有办法抓到页面,也就没有办法处理seo。为什么我在asyncData打印不出任何东西?是nuxt在vue基础上扩展的方法,它可以在服务端
浏览:50 标签: asyncData Nuxt
nuxtjs asyncData实现多请求
nuxtjs asyncData实现多请求
首先,获取动态路由参数有两种方式:1.上下文对象对象- context,看例子:async asyncData (context) { console.log(context)}打印 context ,其结果是一个包含query对象和params对象的对象。query对象和params对象,就是我们要获取通过不同传参方式的参数。2. 方式二,看例子:async asy
浏览:46 标签: asyncData nuxtjs
vue-cli使用 babel-polyfill 解决 vuex requires a Promise polyfill in this browser
vue-cli使用 babel-polyfill 解决 vuex requires a Promise polyfill in this browser
用vue-cli搭建了一套vue的开发框架,完成开发、联调和上线后,问题来了:chrome、火狐浏览器下都能正常显示的页面,在IE浏览器下愣就显示不出来了,而且控制台有一个红色的报错警示:vuex requires a Promise polyfill in this browser。也就是说ie9和一些低版本的高级浏览器对es6新语法并不支持。解决方法,使用 babel-
浏览:119 标签: vue-cli babel-polyfill
vue+elementui+select选择后如果取消弹框后怎样修改为旧值
vue+elementui+select选择后如果取消弹框后怎样修改为旧值
需求表述:elementui select+option中,选择后只能在select标签上添加change事件,option上无法添加事件。但是change事件一旦触发,会弹出一个弹窗,包含【确定】和【取消】的按钮,点击【确定】时候,select值变化,【取消】的时候,值还是旧值。不过实际上,点击selecdt框的时候,其值已经改变。现在,就要实现在select选择后弹框
浏览:256 标签: elementui vue select
利用nginx反向代理解决vue-cli项目打包后代理接口报404错误的问题
利用nginx反向代理解决vue-cli项目打包后代理接口报404错误的问题
vue-cli 跨域设置proxyTable: {'/api': {     target:'http://47.96.198.193:8080/bigstudent',     changeOrigin:true,     pathRewrite: {     '^/api':''     }  },}打包好的项目是用nginx来跑的,linux
浏览:658 标签: nginx 反向代理 vue-cli
用vue/axios/formdata实现文件上传
用vue/axios/formdata实现文件上传
构造formData,使用axios上传文件在项目中使用axios上传文件,记得new一个纯净的axios或者考虑用ajax请求。因为axios在项目估计已经用了全局配置请求头等信息,这里的配置可能被全局请求头拦截,导致请求失败。1、html部分<aclass="fileBox"href="javascript:;">    导入商品<inputid="fileBtn"r
浏览:1207 标签: 文件上传 formdata vue axios
ElementUI中获取select的label值和value值
ElementUI中获取select的label值和value值
代码如下所示:<el-form-itemlabel="父菜单"prop="parentName">    <el-selectv-model="labelForm.parentName"placeholder="选择菜单" @change="getParentName">        <el-option            v-for="item in oneDat
浏览:570 标签: ElementUI select
解决vue父组件异步获取动态数据传递给子组件,子组件无法获取值的问题
解决vue父组件异步获取动态数据传递给子组件,子组件无法获取值的问题
做项目的时候,遇到在父组件中使用axios获取异步数据传给子组件,但是发现子组件在渲染的时候并没有获取到数据,在created/mounted里面打印也是空的,结果发现一开始子组件绑定的数据是空的,在请求数据没有返回数据时,子组件就已经加载了,并且他绑定的值也是空的。初始代码<template>    <divid="asjLife">        <divclass=
浏览:1124 标签: vue
nuxt.js安装vue-awesome-swiper
nuxt.js安装vue-awesome-swiper
本人当前项目的nuxt版本是2.0.0。1、安装 vue-awesome-swipernpm install vue-awesome-swiper --save2、在 plugins 目录下新建vue-swiper.js文件import Vuefrom'vue'import VueAwesomeSwiperfrom'vue-awesome-swiper/dist/ssr'
浏览:2452 标签: vue-awesome-swiper nuxt swiper

邮箱快速注册

忘记密码