世界上最伟大的投资就是投资自己的教育

全场限时 5 折

 2018-09-25

 2018-09-24

 2018-09-23

 2018-09-21

  • 随风 · 练气
    随风 · 练气 在视频 轻松学 React-Router 4 路由免费视频教程 #01 介绍 回复了

    还好啦 多谢支持

  • RidicZhi · 金丹
    RidicZhi · 金丹 在视频 轻松学 React-Router 4 路由免费视频教程 #01 介绍 回复了

    新视频语速变快了哈哈

  • 随风 · 练气
    随风 · 练气 在视频 Redux 入门教程 #5 单独使用 Redux 回复了
    <App
          onIncrement={ () => store.dispatch({ type: "INCREMENT" }) }
          onDecrement={ () => store.dispatch({ type: "DECREMENT" }) }
          value={ store.getState() }
    

    这是给 App 组件传一个函数呀

  • YesAlex · 练虚
    YesAlex · 练虚 在视频 Redux 入门教程 #5 单独使用 Redux 回复了

    下面这段代码我不明白。onIncrement 和 onDecrement 这两个是函数还是方法?我没看见在什么地方定义过,就这么直接插入使用了。

    const render = () => {
    ReactDOM.render(
    onIncrement={ () => store.dispatch({ type: "INCREMENT" }) }
    onDecrement={ () => store.dispatch({ type: "DECREMENT" }) }
    value={ store.getState() }
    />, document.getElementById('root'));
    };

  • 随风 · 练气
    随风 · 练气 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    前端项目应该原理是一样的,只是编译出静态文件就好,后端的嘛,就因人而异了

  • mutouzhang · 化神
    mutouzhang · 化神 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    感谢随风大神一路指点。。。。。虽然没有解决:)

  • mutouzhang · 化神
    mutouzhang · 化神 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    在 nginx 中配置 local/ 会把 local/admin 覆盖掉(从表现上看是这样),现在采取的方案是看 ant design pro 部署文档得到的灵感,把 build 后的一堆文件放到 spring boot 项目的静态资源文件中去。。。。比较悲催的是需要改 css、js 和 img 路径,要是有教配置生成的 build 文件夹格式的视频就好了,手动叹气。

  • 随风 · 练气
    随风 · 练气 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    只不过页面路径是 www.huijiayou.net/#/ 这个路径形式跟 nginx 没多大关系,在 dva 中配置或修改,后端的配置看后面的课程

  • mutouzhang · 化神
    mutouzhang · 化神 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    我把纯净的 dva 项目 build 后扔到服务器上,按这样配置是可以访问到的:
    server{
    listen 80;
    server_name www.huijiayou.net;

    charset utf-8;
    

    location /{
    root /oiladmin/dist;
    index index.html index.htm;
    try_files $uri /index.html;
    }

    location /oil{
    proxy_pass http://127.0.0.1:8080;
    }
    }
    此时接口和页面都正常,只不过页面路径是 www.huijiayou.net/#/,所有接口前面都要加 oil,
    但是这样不行,因为 springboot 中还配置了 swagger,文件上传也挂了。希望还能跟以前一样通过 www.huijiayou.net/swagger-ui.html 能够访问到。于是我改成这样:
    server{
    listen 80;
    server_name www.huijiayou.net;

    charset utf-8;
    

    location /admin{#<=============添加了 admin
    root /oiladmin/dist;
    index index.html index.htm;
    try_files $uri /index.html;
    }

    location /{# 去掉 oil
    proxy_pass http://127.0.0.1:8080;
    }
    }
    然后。。。。。www.huijiayou.net/admin/#/就变成 404 了,而且这个 404 是 springboot 返回的 T-T,苍天啊大地啊

  • 随风 · 练气
    随风 · 练气 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    慢慢来,急啥,多研究

  • 随风 · 练气
    随风 · 练气 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    就这几行是关键

    root /home/deploy/redux-login/client/build;
      # Routes without file extension e.g. /user/1
      location / {
        try_files $uri /index.html;
      }
    
  • 随风 · 练气
    随风 · 练气 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    你在乱搞啊,你那个 not_exists 是啥,你抄下我的,改改不就好了吗

  • mutouzhang · 化神
    mutouzhang · 化神 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    我又换了一种思路,现在这么写:
    更崩溃了,随风大神你在哪啊,救命啊,这种情况我搜都不知道该咋搜了 T-T

  • 随风 · 练气
    随风 · 练气 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了
    root oiladmin/build/; 
    try_files $uri /oiladmin/dist/index.html /not_exists @backend;
    

    这个感觉有很多问题,你多搜一下配置来看下

  • mutouzhang · 化神
    mutouzhang · 化神 在视频 线上服务器部署(前后端)视频教程 #17 第二部分 用 nginx 响应前端静态文件 回复了

    在尚未接入 react(dva 项目 build,使用了 import {createBrowserHistory as createHistory} from 'history') 之前,nginx 是这么写的:

    server{
    # 设置对外访问端口
    listen 80;
    # 设置访问域名
    server_name www.slowbirdgogogo.com;

    # 设置编码
    charset utf-8;
    # 禁止所有 php 恶意请求
    location ~* .(php|php5)$ {
    deny all;
    }

    # 设置图片资源访问 (好像可以不要)
    location /(css|js|fonts|img)/ {
    access_log off;
    expires 1d;

        root "/path/to/app_a/static";
        try_files $uri @backend;
    }
    

    # 设置访问路径
    location / {
    try_files /not_exists @backend;
    }

    location @backend {
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header Host            $http_host;
    
        proxy_pass http://127.0.0.1:8080;
    }
    

    }

    在看完视频之后,我在本地 (mac 环境下) build 之后将 dist 文件夹整个上传到了服务器.nginx 的配置中增加了 try_files $uri /index.html,如下:
    server{
    # 设置对外访问端口
    listen 80;
    # 设置访问域名
    server_name www.slowbirdgogogo.com;

    # 设置访问路径
    location / {
    root oiladmin/build/;
    try_files $uri /oiladmin/dist/index.html /not_exists @backend;
    }

    location @backend {
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header Host            $http_host;
    
        proxy_pass http://127.0.0.1:8080;
    }
    

    }
    之前的接口全部正常,但新增的静态页面死活访问不到,求大神指点

  • 随风 · 练气
    随风 · 练气 在视频 线上服务器部署(前后端)视频教程 #16 第二部分 服务器编译出静态文件(如何解决问题) 回复了

    可以在本地 build 后扔到服务器的

  • mutouzhang · 化神
    mutouzhang · 化神 在视频 线上服务器部署(前后端)视频教程 #16 第二部分 服务器编译出静态文件(如何解决问题) 回复了

    我在看到这一节视频的时候感到很奇怪,在 linux 环境下 build 是没有 css 的吗?我在 mac 环境下 build 是有的,难道不能直接在本地 build 然后直接扔到服务器上去吗?求大神指点

 2018-09-20

© 汕尾市求知科技有限公司 | Rails365 Gitlab | Qiuzhi99 Gitlab | 知乎 | b 站 | 搜索

粤公网安备 44152102000088号粤公网安备 44152102000088号 | 粤ICP备19038915号

Top