理解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浏览量