理解vue ssr原理，自己搭建简单的ssr框架
先附上demo地址：https://github.com/wmui/vue-s... 第一步：编写entry-client.js和entry-server.js entry-client.js只在浏览器环境下执行，所以需要显示调用$mount方法，挂载DOM节点 import Vue from 'vue';import ...
文章
哈你真皮
2018-12-22
2263浏览量
一套Vue的单页模板：N3-admin
[x]请求、响应拦截器 [x]Vue 扩展，通过实例的方法可访问 [x]layout 布局 [x]全局进度条 Nprogress [x]css 预处理 [x]less [x]postcss []stylus
文章
x-cold
2017-08-13
1814浏览量
前端开发——模块化(html模块化开发)
随着各大浏览器运营商对es6的支持力度的加深，MVVM和组件化开发模式的流行，而目前最友好的支持他们的是vue.js和angular.js,出于个人感情我推荐vue.js,因为这个框架是国人开发的。vue.js的组件化 组件(Component)...
文章
缘自世界
2017-04-23
1115浏览量
云服务器 精选特惠
新用户低至0.55折起，爆款免费试用3个月
广告
vue-cli中模拟数据的两种方法
在main.js中引入vue-resource模块，Vue.use(vueResource). 1.使用json-server(不能用post请求) 接下来找到build目录下的webpack.dev.conf.js文件，在const portfinder=require('portfinder')后面引入json-server. ...
文章
我是小助手
2018-07-09
1748浏览量
Vue.js2.0从入门到放弃---入门实例(三)
Vue.use(VueResource) 导入 pages 下的 Home.vue import Home from './pages/Home' import Detail from './pages/Detail' 定义路由配置 const routes= { path:'/', component:Home }, { path:'/detail', component:...
文章
恍惚的二狗
2018-06-03
1367浏览量
Vuex + axios 发送请求
安装其他插件的时候，可以直接在 main.js 中引入并 Vue.use()，但是 axios 并不能 use，只能每个需要发送请求的组件中即时引入 为了解决这个问题，有两种开发思路，一是在引入 axios 之后，修改原型链，二是结合 ...
文章
技术小牛人
2017-11-16
1553浏览量
vue服务器端渲染(SSR)实战
create-api-server.js#服务器请求相关配置 index.js#api请求 app.js#主入口文件 config#相关配置 entry-client.js#客户端入口文件 entry-server.js#服务端入口文件 router#路由 store#store templates#模版 views ...
文章
我是管理员
2018-07-12
7974浏览量
Vue---从后台获取数据vue-resource的使用方法
引入vue.js和vue-resource.js，注意先后顺序，先引vue.js。记住所有vue插件都需要在vue.js之后加载。三、使用 我今天写了一个小demo，比较简单。1.HTML 1234...
文章
半指温柔乐
2018-09-02
3056浏览量
vue ssr 指南详读
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将静态标记"混合...
文章
我是小助手
2018-06-27
1064浏览量
vite 如何做到让 vue 本地开发更快速？
需要@vue/runtime-dom 这个包的内容，不能直接通过 require('`@vue/runtime-dom')得到，而需要通过 require('@vue/runtime-dom/dist/runtime-dom.esm-bundler.js'` 的方式 为什么需要特殊处理 vue es 包？...
文章
游客7bt7xwo7e4l2s
2020-05-19
7374浏览量
解密Vue SSR
vue.mixin、axios拦截请求使用不当，会内存泄漏。原因戳这里 lru-cache向内存中缓存数据，需要合理缓存改动不频繁的资源。可能是把双刃剑 SSR的优点 更利于SEO。不同爬虫工作原理类似，只会爬取源码，不会执行网站的...
文章
小旋风柴进
2018-06-13
1777浏览量
VUE SSR内存泄露解决过程和经验总结
不用到vue.use()来安装,可解决，主要是在vueSSR的情况，用到vue.use()的地方都要进行排查，修改调整，调整后，服务器内存恢复正常。node监控平台服务器内存检测图对比 调整前：一点攀升，因访问量比较小，但内存随着...
文章
遇见美好~
2018-12-27
4383浏览量
[ABP开源项目]--vue+vuex+vue-router+EF的权限管理系统
如标题一样是基于VUE+.NET开发的框架，也是群友一直吼吼吼要一个vue版本的ABP框架。我们先来看看首页吧： 1.gif 还比较酷炫，提供下演示账号 演示地址：http://vue.yoyocms.com/ 账号：demo 密码：bb123456 当然你也...
文章
wer_ltm
2017-08-10
1731浏览量
服务端与客户端同构 —— Vue.js 应用框架 Nuxt.js
Fetching Data from a Third-Party API with Vue.js and Axios Quick Tip:How to Sort an Array of Objects in JavaScript 很多现代的JavaScript框架，比如Vue.js,旨在构建单页应用(SPA)。单页应用的优势在于，改善...
文章
我是小助手
2018-07-12
4125浏览量
graphql学习(六)
Vue.config.productionTip=false const apolloProvider=new VueApollo({ clients:{ api:apolloClient,/需要添加请求头 base:baseClient }, defaultClient:baseClient/默认请求路径，如果只有一个请求就使用这个就行 ...
文章
eyunshu
2020-02-29
535浏览量
移动端实现多图上传、文件上传及下载和vue多图片上传组件
项目中我们经常会遇到需要下载文件的功能，静态的文件资源可以使用 a 标签下载，动态的则需要我们通过 js 处理发送请求，然后将返回的url给a标签的url属性既可。代码如下 二、文件上传 通过input 标签的 type=file来...
文章
廊桥梦醉
2018-03-11
3695浏览量
前后端分离之Vue(二)前后端结合
这里只列举变化的部分，不变的部分springboot搭建的SSM结构即可，具体后端代码可参看https://github.com/dgyuanjun/SpringBoot-Vue.git 1.跨域的处理 import org.springframework.context.annotation.Bean;import ...
文章
玄学酱
2018-06-22
1945浏览量
看懂前端脚手架你需要这篇WEBPACK
这段代码表明当用户点击时，异步请求一个js文件，这个文件中包含该有vue vuex的依赖。webpack 打包后会根据手动分割点的信息生成一个打包文件，就是图中第一行0开头的文件。这个文件也就是异步加载的文件。下面是...
文章
水灵儿
2017-11-03
1397浏览量
Vue中使用axios的一些注意点
自定义请求头遇到了一个问题，userId，token，这些参数都不是http请求头中默认的属性，所以浏览器会先向后端服务发起一个option的预请求，当服务器响应在请求头中可以加这些自定义属性的时候，浏览器才会发起真实的...
文章
游客886
2018-07-12
4086浏览量
Vue CLI 3搭建vue+vuex 最全分析
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令(如：vue create、vue serve、vue ui 等命令) CLI 服务：@vue/cli-service是一个开发...
文章
技术小能手
2018-09-28
9687浏览量
脚本化HTTP 取得响应 指定请求
在本地写js的时候，必须搭建一个服务器其AJAX才能工作原因：因为文件的协议为file而本地的请求的协议为http，由于同源策略的影响，导致无法使用http协议的文件，故本地无法直接使用ajax 解决方法，chrome的浏览器...
文章
mysoul8021
2018-08-15
1325浏览量
在使用vue-cli中遇到的几个问题
图中1是把绝对路径改为相对路径(这样打包后就可以随便放在服务器上任何文件夹下)，图中2是避免打包后所有的.map文件 4、如何使用自己封装的JS代码，平常都是script标签引入，cli模式就不是的了。比如自己封装了一个...
文章
水灵儿
2017-11-04
1677浏览量
NodeJs本地搭建服务器，模拟接口请求，获取json数据
有的话则直接看下一步，没有的话就在app.js中添加这句话，记得添加后重新启动服务器 接着，我们在项目的public文件夹下，新建一个html文件下(便于后期管理所有的静态页面)，然后新建index.html，内容如下： 这样在...
文章
廊桥梦醉
2018-10-11
4545浏览量
前后端分离之Vue项目构建测试打包发布
在用 Vue.js 构建大型应用时推荐使用 NPM 安装，NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。安装Node.js以及npm包管理器：https://nodejs.org/en/ 国外...
文章
小柒2012
2017-12-10
5399浏览量
最近学到的前后端分离知识
URL请求统一分发到Node Server，在Node Server中根据请求类型从后端服务器上通过RPC服务请求页面的模板数据，然后进行页面的组装和渲染；API请求则直接转发到后端服务器，完成响应。最后 好的，现在问题来了：你是...
文章
java3y
2019-08-08
1175浏览量
Vue SPA项目在非网站根目录的部署方法
在开发vue项目的时候，大多都是spa单页面应用，需要部署到服务器根目录；但有时候我们需要部署到其他路径，例如:/app/内怎么才能实现呢？1、修改配置文件 config/index.js { build:{ assetsPublicPath:'/app/', } } ...
文章
烟海之蓝
2019-09-06
1482浏览量
如何优化Vue项目性能？
vue默认开启，可在vue.config.js中全局禁用prefetch，再针对指定模块开启。chainWebpack:config=gt;{ config.plugins.delete('prefetch') }, 4.添加Gzip打包配置(compression-webpack-plugin) yarn add compression-...
文章
搞么罗
2019-11-19
1319浏览量
如何优化Vue项目性能？
vue默认开启，可在vue.config.js中全局禁用prefetch，再针对指定模块开启。chainWebpack:config=gt;{ config.plugins.delete('prefetch') }, 4.添加Gzip打包配置(compression-webpack-plugin) yarn add compression-...
文章
搞么罗
2019-11-19
5287浏览量
Vue - day4
script src='vue.js'>lt;script>lt;script src='vue-router.js'>lt;script>通过npm下载后 注册路由模块 import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) 6.2 在 vue 中...
文章
rlq_浅
2018-08-16
1065浏览量
VueJs开发笔记—IDE选择和优化、框架特性、数据调用、路由选项及使用
具体常用的ajax请求的调用方式和方法，我这里就不细说了，需要的请自行百度，vue官方推荐的交换框架是axios查看详情:https://npm.taobao.org/package/axios；三、VueJs路由选项以及使用 路由选项： 使用：比如我要...
文章
嗯哼9925
2017-11-14
1165浏览量
2887
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
