小编use*_*019的帖子

这是我第一次使用React和React Router,我遇到了一些深层链接问题.我已经构建了一个简单的SPA,在React Router的帮助下,我可以导航到mysite.com/work,mysite.com/about和mysite.com/work/:projectid.如果我从站点的根目录开始(例如,mysite.com并单击"工作"),我可以导航到这些页面.我遇到的问题是深层链接(手动输入mysite.com/about或刷新mysite.com/about上的页面).这一切都可以在我的本地主机上运行,​​但不能在托管站点上运行(顺便说一下,它是在GitHub页面上托管的).

这是因为我使用GitHub页面来托管我的网站吗？或者这是React Router的问题？

这是main.js的一部分:

var routes = (
    <Router history={history}>
        <Route path="/" component={App}>
            <IndexRoute component={Work} />
            <Route path="/work" component={Work} />
            <Route path="/work/:id" component={ProjectDetail} />
            <Route path="/about" component={About} />
        </Route>
        <Route path="*" component={NotFound} />
    </Router>
);

ReactDOM.render(routes, document.getElementById('main'));

我在Ubuntu上安装Jekyll时遇到了一些问题.以下是我的一些版本:

trevor~$ ruby -v
ruby 2.2.4p230 (2015-12-16 revision 53155) [x86_64-linux]
trevor~$ gem -v
2.5.1
trevor~$ rvm -v
rvm 1.26.11 (latest) by Wayne E. Seguin <wayneeseguin@gmail.com>, Michal Papis <mpapis@gmail.com> [https://rvm.io/]

但是,当我尝试安装Jekyll时,我收到以下错误:

trevor~$ gem install jekyll
Building native extensions.  This could take a while...
ERROR:  Error installing jekyll:
    ERROR: Failed to build gem native extension.

    current directory: /home/trevor/.rvm/gems/ruby-2.2.4/gems/ffi-1.9.10/ext/ffi_c
/home/trevor/.rvm/rubies/ruby-2.2.4/bin/ruby -r ./siteconf20151229-11854-1czjp2r.rb extconf.rb
*** extconf.rb failed ***
Could not create Makefile due to some reason, probably lack of necessary
libraries and/or headers.  Check …

我正在使用Jekyll建立一个我在GitHub页面上托管的网站.我希望能够JEKYLL_ENV=production在部署到GitHub页面时将JEKYLL_ENV设置为'production'(),这样我就能做到这样的事情:

{% if jekyll.environment == "production" %}
{% include googleAnalytics.html %}
{% endif %}

和

{% if jekyll.environment == "production" %}
    <link rel="stylesheet" href="/assets/css/main.min.css">
{% else %}
    <link rel="stylesheet" href="/assets/css/main.css">
{% endif %}

现在,我已经读过GitHub Pages应该自动设置JEKYLL_ENV为production,但当我{{ jekyll.enviornment }}进入我的页面时,我会development在本地和我的托管网站上获得.在使用this和this部署之前,这可能与我构建站点有关.

我的gulpfile.js

var gulp        = require('gulp');
var ghPages     = require('gulp-gh-pages');
var browserSync = require('browser-sync');
var sass        = require('gulp-sass');
var prefix      = require('gulp-autoprefixer');
var minifyCss   = require('gulp-minify-css');
var rename      = require('gulp-rename'); …

我在 Vue 中创建了一个简单的应用程序（使用 Webpack 模板），其中有一个轮播。我想做的是遍历所有图像static/images以创建该轮播。我知道这可能是一个愚蠢的问题，但我该怎么做呢？我需要执行GET请求吗？

我问的原因是因为我将把它交给一个客户端来托管在他们的服务器上。如果需要，他们希望能够自己向轮播添加其他图像。

任何帮助，将不胜感激。

我想让一个 div 保持其纵横比，同时也有最大高度。在大多数情况下，我都能够保持宽高比，除了当我点击媒体查询时：

@media only screen and (min-width: 59.063em) {
    #wrapper {
        max-width: 59.063em;
    }
}

当我达到最大宽度并使屏幕尺寸变小（我在使用开发人员工具时注意到这一点）时，高度继续增长并溢出父级。例如：https: //i.stack.imgur.com/rtJLc.png

可以在这里找到：http://codepen.io/TrevorRice/pen/jEooQG

我尝试使用

#wrapper {
    ...
    max-height: 90%;
    ...
} 

但这也打破了纵横比。

有任何想法吗？

我想知道是否可以将多个密码要求传递给 VeeValidate 以显示用户缺少哪些要求。

例如，如果我们要求用户的密码至少有一个大写字母和至少一个数字，长度至少为 5 个字符，并且用户输入“a1bb”，我们希望能够显示两个错误消息；一种与不满足长度要求有关，另一种与不满足大写要求有关。

最终，我们希望能够做这样的事情：

VeeValidate 可以实现吗？或者有没有类似方法的例子？