vue单页因微信分享和自动登录需要，对于URL中存在’#’的地址，处理起来比较坑。用history模式就不会存在这样的问题。但是换成history模式，就会有个新的问题，就是页面刷新后，页面就无法显示了（404）。对于这个问题，我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。 我这里是针对nginx的配置，总结如下：
方案一 （这种方式容易被第三方劫持）
location / {
root /data/nginx/html;
index index.html index.htm;
error_page 404 /index.html;
}方案二
location / { root /data/nginx/html; index index.html index.htm; if (!-e $request_filename) { rewrite ^/(.*) /index.html last; break; } }
方案三 （vue.js官方教程里提到的https://router.vuejs.org/zh-cn/essentials/history-mode.html）
server { listen 80; server_name localhost; root /data/wwwroot/dist; location / { try_files $uri $uri/ @router; index index.html index.htm; } location @router { rewrite ^.*$ /index.html last; } }
VueJS 实际开发中会遇到的问题
VueJS 实际开发中会遇到的问题，主要写一些 官方手册 上没有写，但是实际开发中会遇到的问题，需要一定知识基础。
vue与后台交互ajax数据
Vue.js是一套构建用户界面的渐进式的前端框架。 vueJS与后台交互数据的方法我所了解的有以下几种
Vuejs讲解之：响应式、过渡效果、过渡状态
Vue是一套构建用户界面的JS渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。讲解js高级之响应式、过渡效果、过渡状态。
Vue响应式开发，深入理解Vue.js响应式原理
深入理解Vue.js响应式原理。Vue教程有关的视频都讲到，我习惯响应式开发，在更早的Angular1时代，我们叫它：数据绑定(Data Binding)。你只需要在Vue实例的 data() 块中定义一些数据，并绑定到HTML
vue中慎用style的scoped属性
在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？因为scoped往往会造成我们在修改公共组件（三方库或者项目定制的组件）的样式困难，需要增加额外的工作量
基于vue移动端UI框架有哪些？vue移动端UI框架总汇
vue现在使用的人越来越多了，这篇文章主要整理一些比较优秀的移动端ui框架，推荐给大家，例如：mint UI、vux、vonic、vant、cube-ui、Muse-ui、Vue-Carbon、YDUI等
使用webpack提升vue应用的4种方式
webpack是开发Vue单页应用必不可少的工具，它能管理复杂的构建步骤，并且优化你的应用大小和性能, 使你的开发工作流更加简单。在这篇文章中，我将解释使用webpack提升你的Vue应用的4种方式，包括：单文件组件、优化Vue构建过程、浏览器缓存管理、代码分离
Vue2.0用户权限控制解决方案
Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。
组件化的概念/特性/优点，Vue组件的使用
Web 中的组件其实就是页面组成的一部分，具有高内聚性，低耦合度，互冲突等特点，有利于提高开发效率，方便重复使用，简化调试步骤等。vue 中的组件是一个自定义标签形式，扩展原生的html元素，封装可重用的代码。
Vue2实例详解与生命周期
Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!