在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
使用vue-cli脚手架工具的vue项目，通过npm install vux安装了vux，调用成功，样式也痛官网一样的漂亮，但应自己项目需求，有些细节方面需要自己修改。比如官网的tabbar的选中颜色为粉红色，但项目需求为偏紫色，我该如何修改？我在调用的组件文件里，写了scoped的style，但不生效。
&style scoped&
.vux-tab .vux-tab-item.vux-tab-selected{
border-bottom:3
看页面源码，是通过js在标签里面设置了字体颜色等：
想问问大家我应该是去改源码呢还是在当前文件里写js或css代码覆盖掉，如何写？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
当前版本只能根据类名自己覆盖，vux的组件应该都有vux-前缀应该比较好操作。scope可能会导致样式覆盖无效，你试试把scoped去掉。
下个版本支持主题，并且支持全局覆写所有样式变量。
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
使用vue-cli脚手架工具的vue项目，通过npm install vux安装了vux，调用成功，样式也痛官网一样的漂亮，但应自己项目需求，有些细节方面需要自己修改。比如官网的tabbar的选中颜色为粉红色，但项目需求为偏紫色，我该如何修改？我在调用的组件文件里，写了scoped的style，但不生效。
&style scoped&
.vux-tab .vux-tab-item.vux-tab-selected{
border-bottom:3
看页面源码，是通过js在标签里面设置了字体颜色等：
想问问大家我应该是去改源码呢还是在当前文件里写js或css代码覆盖掉，如何写？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
当前版本只能根据类名自己覆盖，vux的组件应该都有vux-前缀应该比较好操作。scope可能会导致样式覆盖无效，你试试把scoped去掉。
下个版本支持主题，并且支持全局覆写所有样式变量。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
color: blueviolet!
直接覆盖比较方便吧
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：大连商铺_大连商铺出租_大连商铺出售
大连商铺_大连商铺出租_大连商铺出售
大连商铺出租，转让，买卖的网络信息平台，商铺交易信息免费发布。使用vue开发微信公众号下SPA站点的填坑之旅 - CSDN博客
使用vue开发微信公众号下SPA站点的填坑之旅
本文转载在本人博客，点击进入
本文为我创业过程中，开发项目的填坑之旅。作为一个技术宅男，我的项目是做一个微信公众号，前后端全部自己搞定，不浪费国家一分钱^_^。
我决定实现如下功能
架构上，实现前后端分离。方便以后前后端的分工
考虑到体验，前端做成SPA站点，也就是单页面应用
需要使用微信的JSSDK
需要有微信支付功能
作为一个偏后端的半专业前端人士，经过一两周的调研和学习后，
我决定使用如下技术
后端使用php搭建接口，本文主要讲前端，不细说
webpack实现前端代码打包
实现数据绑定，实现前端路由
提供UI框架
，提供各种组件，包括对weui的组件化封装
我遇到了如下的坑
微信JSSDK签名出错
微信支付签名出错
微信支付路径要求二级或以上路径
开启调试模式后，微信支付仍然没有错误提示
授权回调处理
微信的模板消息，会自动把url中的问号(?)去掉
微信JSSDK签名出错
JSSDK在普通网站中是没问题的，但是在SPA站点中，签名经常出错
是这么说的
所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。
也就是说，android下的微信客户端里，不支持vue-router的history模式。
解决办法见支付签名问题
- vue-router使用hash模式
- 每次url更改的时候，重新调用JSSDK的config接口
微信支付签名出错
支付授权的坑，大家可以参考
按照文中的描述，其实我们也可以在js中根据android还是ios，来分别进行处理；但是推荐采用文中的方式，逻辑上更统一，使用也更方便。
另外说明一点，文中的#!做分隔符的方式已经废弃了，大家使用#即可，叹号(!)去掉了
另外就是wx.config的签名url和支付签名url，微信处理也不一样，见下面的解决办法
- vue-router路由使用hash模式
- 每次url更改的时候，重新调用JSSDK的config接口
- hash分隔(#)前面加一个问号(?)，如果js判断没有问号，则跳转一次
- wx.config签名使用的url，通过window.location.href.split(‘#’)[0]获取
- 微信支付签名使用的url，通过用window.location.href获取
微信支付路径要求二级或以上路径
在遇到这个问题之前，我的php接口都统一加了一个前缀api，也就是这样的url，服务器会自动转发给php服务，其他url则转发给前端服务器。遇到微信这个问题后，我把前端url也统一加了一个前缀frontend，这样前端url就变成了
- 所有前端url，统一加一个/frontend前缀
开启调试模式后，微信支付仍然没有错误提示
不止微信支付，JSSDK的其他接口，也经常没有错误提示，或者提示很模糊，微信这简直是慢性谋杀。
不过我对比发现，ios下的各种提示，要比android下全面很多，如有必要，推荐大家在ios下进行调试
- 使用iphone进行开发调试
授权回调处理
这个不算坑，只是说下我的处理。
每次加载页面后，我都会调用后台接口判断是否登陆，如果没登陆，则跳转回到后台url进行授权，授权后再跳转回当前页面
微信的模板消息自动去掉url的问号(?)
前面解决微信签名问题的时候，我们给每个url特意加了一个问号(?)，但是我发现，在发送微信模板消息的时候，即使给微信的url是对的，当用户点击模板消息的时候，微信打开的链接中，仍然把问号去掉了，这个很让人无语。考虑到尽量自己解决问题的原则，最后我的解决方案是在js中进行判断处理，自动把缺失的问号加上
- 如果页面没有问号(?)，则跳转到正确的url，代码如下
function directRightUrl () {
let paths = window.location.href.split('#')
paths[1] = paths[1] || '/'
if (paths[0].charAt(paths[0].length - 1) !== '?') {
paths[0] = `${paths[0]}?`
if (paths[1].charAt(0) === '!') {
paths[1] = paths[1].substr(1)
let url = `${paths[0]}#${paths[1]}`
if (window.location.href !== url) {
window.location.href = url
以上代码有三个作用
1. 自动添加问号(?)
2. 自动把分隔符由#!变成#
3. 分隔符后面，自动判断是否为斜杠(/)，没有则添加上
以上就是我在开发过程中遇到的一些还记得的坑，欢迎大家探讨
另外介绍一下我的公众号事事约
这是一个帮助大家实现目标的项目，大家可以定一个目标，交付一定押金，相当于立了一个flag，然后转发给朋友进行监督，根据结果来决定最后押金是给你的朋友还是返还给你
扫描以下二维码可以关注
本文已收录于以下专栏：
相关文章推荐
我们的一个vue + webpack的 SPA项目需要在微信中使用，因此需要导入微信的jssdk库。 通过搜索发现npm有微信jssdk的依赖包： weixin-js-sdk, 于是
导入依赖包
/greedying/p/6359229.html
这个博主已经写的很清楚了。这里简单写一下 【微信支付路径要求二级或以上路径】的坑。1首先。跳到选择支付...
接上篇项目构建：Vue+webpack+Vux学历案例(二)—构建开源中国微信版(开篇)
首先新建通信api.js
* Created by mwuyz on .
在高访问量的web系统中，缓存几乎是离不开的；但是一个适当、高效的缓存方案设计却并不容易；所以接下来将讨论一下应用系统缓存的设计方面应该注意哪些东西，包括缓存的选型、常见缓存系统的特点和数据指...
RabbitMQ简介
Spring集成RabbitMQ
1 maven配置
2 rabbmitmq配置文件
3 Spring配置
在Spring中使用RabbitMQ
1 申明一个消息队列Queue
一、构建vux项目
       首先 根据vux官方构建文档 构建vux+vue项目，构建项目命令如下，创建开源中国微信应用：       
# install vue-cli
npm insta...
Vue 2.0 起步(1) 脚手架工具 vue-cli + Webstorm 2016 + webpack
vue-router官方文档
什么是组件？
下面引自官网：
...
vue-router + 微信扫码登录
https://git.oschina.net/tianyong/we-vue
we-vue 结合 vue2.0 强大的组件化机制和 weui 的微信官方视觉样式，形成了...
说明一下这个项目用在微信公众号里。将来有意向移植支付宝。
因为是项目很急。时间压缩的很紧所以文件夹架构只有两级。组件和组件之间也只是简单的嵌套。1，开始前先不考虑微信公众号的入口。先把这个项目想成一...
他的最新文章
讲师：吴岸城
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)}