本文主要介绍了vue router下的html5 history在iis服务器上的设置方法，需要的朋友参考下吧，希望能帮助到大家。首先先照搬下官网的介绍当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。所以呢，你要...
Vue.js 是目前最火热的前端框架之一，而 Nuxt.js 是针对 Vue.js 推出的服务端渲染框架，通过高度定制化的配置以及简洁的 API，开发者可以快速进行服务端渲染项目的开发，本文将对 Nuxt.js 框架做一个简要介绍。本文主要介绍了详解基于 Nuxt 的 Vue.js 服务端渲染实践，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。服务端渲染服务端渲染（Server Side Render）并不是一个新的概...
用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html页面空白，刷新当前路由404。本文我们主要和大家分享vue、react等单页面项目部署到服务器方法，希望能帮助到大家。由于前端路由缘故，单页面应用应该放到nginx或者apache、tomcat等web代理服务器中，千万不要直接访问index.html，同时要根据自己服务器的项目路径更改react或vue的路由地址。如果说项目是直接跟在域名后面的，比如:http://ww...
本文实例讲述了vue服务端渲染操作。分享给大家供大家参考，具体如下： 想到要学习vue-ssr的同学，自不必多说，一定是熟悉了vue，并且多多少少做过几个项目。然后学习vue服务端渲染无非解决首屏渲染的白屏问题以及SEO友好。 话不多说，笔者也是研究多日才搞明白这个服务端渲染到底是杂么回事！！！ 一，首先实现下官网的基本案例 随便建一个目录，然后执行npm init初始化项目，生成工程文件package.json；创建server.js；然后按照vu...
开发完的vue项目，需要部署到Nginx/Tomcat服务器上运行，作为一个前端小白，刚接触vue不久，研究了一番，于是写下这篇文章，记录下来便于今后部署。 1.router(history)模式vue项目部署到nginx 1）修改router模式为history（默认为hash） const router = new VueRouter({routes,mode: history });对路由模式不清楚的小伙伴，可以看这篇vue-router路由模式详解 2）修改config/index.js，build下静态资源路径，完成后执行npm run buil...
本文实例讲述了vue实现的请求服务器端API接口。分享给大家供大家参考，具体如下： import axios from axios import router from @/router axios.defaults.timeout = 3000 axios.defaults.baseURL = axios.interceptors.request.use(config => {// const token = getCookie(名称)config.data = config.dataconfig.headers = {Content-Type: application/json; charset=utf-8}if (config.url === /api/login/index) {} else {if (lo...
声明：需要读者对 NodeJs、Vue 服务器端渲染有一定的了解 现在，前后端分离与客户端渲染已经成为前端开发的主流模式，绝大部分的前端应用都适合用这种方式来开发，又特别是 React、Vue 等组件技术的发展，更是使这种方式深入人心。 但有一些应用，客户端渲染就会遇到一些问题了： 需要做 SEO（搜索引擎优化），但客户端渲染的 html 中几乎没有可用的信息需要首屏快速加载，但客户端渲染一般是长时间的加载动画或者白屏如果能把客户...
Vue项目尤其是基于.vue单文件格式的项目部署，在build成js文件后发布到服务器上，一般都是通过nginx反向代理到跟文件目录后直接访问，然而由于很多时候没办法使用更多的子域名（比如微信公众号只能有一个域名），所以急需将服务器部署到子目录。本经验以一次成功的系统部署为例，讲解子目录方式部署Vue工程。 首先介绍一下Poi，我们的项目没有使用webPack进行前端工程项目管理，使用了Poi进行管理：Develop web apps with no build...
一、日历组件 new Date()的月份是从0开始的。 下面表达式是：2018年6月1日 new Date(2018, 5, 1);下面表达式是：2018年5月1日 new Date(2018, 4, 1); 或 new Date(2018, 5-1, 1);下面表达式是：2018年5月31日（得到上个月的最后一天） new Date(2018, 5 , 0); 日的参数可以是0，也可以是负数，表示上个月底的那一天。下面表达式是：2018年7月01日 new Date(2018, 5, 31);lApp.vue父组件： <template><div><MonthView :year="year" ...
老夫子我正在憋方案书，听到身后传来细软的声音：“李哥，我这有个Bug调了很长时间了，您能帮我看一下吗？”。说这话的是我的好朋友，公司新来的前端小妹伊万卡。我起身向她走去，看到因长时间调试Bug漂亮的脸蛋上泛起的红晕，原来人会变的温柔，一点都不像我。 “ 我使用vue中的http方法异步删除一个图片，后端怎么也接收不到我发的参数，同时还报个500。 ” 听完伊万卡小妹描述的这个Bug临床表现，根据我多年的行医经验，已大体猜...
前言 平时部署前端项目流程是：先部署到测试环境ok后再发布到生产环境上，部署到测试环境用 xshell 连上服务器，然后用 xftp 连接服务器，然后本地 build 项目，接着把 build 好的文件通过 xftp 上传到服务器上，整个流程感觉稍有繁琐，重复。 本教程讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 利用scp2自动化部署到静态文件服务器 Nginx 一 安装scp2 scp2是一个基于ssh2增强实现，纯粹使用JavaScript编写。 而ssh2就是一个使用no...
本教程主要讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 先构建生成dist文件(纯静态应用), 然后自动化部署到静态文件服务器 Nginx。 一、Nginx服务器文件的配置 server {listen 80;server_name www.xxxxxx.com;#生产环境location / {root /usr/local/www/xxx_program/;index index.html;try_files $uri $uri/ /index.html;}}server {listen 80;server_name test.xxxxxx.com; #测试环境location / {root /usr/local/www/xxx_program_...
随着各大前端框架的诞生和演变，SPA开始流行，单页面应用的优势在于可以不重新加载整个页面的情况下，通过ajax和服务器通信，实现整个Web应用拒不更新，带来了极致的用户体验。然而，对于需要SEO、追求极致的首屏性能的应用，前端渲染的SPA是糟糕的。好在Vue 2.0后是支持服务端渲染的，零零散散花费了两三周事件，通过改造现有项目，基本完成了在现有项目中实践了Vue服务端渲染。 关于Vue服务端渲染的原理、搭建，官方文档已经讲的...
一、前端代码<el-upload class="step_content" dragaction="string"ref="upload":multiple="false":http-request="createAppVersion":data="appVersion":auto-upload="false":limit="1":on-change="onFileUploadChange":on-remove="onFileRemove"><i class="el-icon-upload"></i><div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div></el-upload><div class="mgt30"><el-button v-show="createAppVisible" :di...
Server Side Rendering（服务端渲染） SSR 目的是为了解决单页面应用的 SEO 的问题，对于一般网站影响不大，但是对于论坛类，内容类网站来说是致命的，搜索引擎无法抓取页面相关内容，也就是用户搜不到此网站的相关信息。 原理将 html 在服务端渲染，合成完整的 html 文件再输出到浏览器。 适用场景 客户端的网络比较慢客户端运行在老的或者直接没有 JavaScript 引擎上NUXT 作用就是在 node.js 上进一步封装，然后省去我们搭建服务...