update

Author: hzj

docker/docker-compose.yml

@@ -11,7 +11,7 @@ services:
     ports:
       - 8001:80
     volumes:
-      - webDist:/webDist
+      - webDir:/webDir
 
 
   web:
@@ -20,7 +20,7 @@ services:
       dockerfile: Dockerfile
     container_name: blog_web
     volumes:
-      - webDist:/www/web/build
+      - webDir:/www/web/build
 
 volumes: 
-  webDist:
+  webDir:

docker/nginx.conf

@@ -1,7 +1,7 @@
 # hzjio.com web side
 server {
     listen 80;
-    root /webDist;
+    root /webDir;
 
     location / {
         index index.html;

scripts/start.js

@@ -3,6 +3,7 @@
 // Do this as the first thing so that any code reading it knows the right env.
 process.env.BABEL_ENV = 'development';
 process.env.NODE_ENV = 'development';
+process.env.PORT = '3001';
 
 // Makes the script crash on unhandled rejections instead of silently
 // ignoring them. In the future, promise rejections that are not handled will

src/app_config.ts

@@ -1,8 +1,32 @@
-export const  Config =  {
+let config: AppConfig;
 
+
+const mockConfig = {
     /** api域名 */
     // ApiDomain : 'https://www.hzjio.com'
 
     /** mock api domain */
-    ApiDomain : 'http://mock.eolinker.com/betP9Ab5500fe5e2f88721c31b19e9898cac277e32e6866?uri='
-};
+    ApiDomain: 'http://mock.eolinker.com/betP9Ab5500fe5e2f88721c31b19e9898cac277e32e6866?uri='
+};
+
+const devConfig = {
+    ApiDomain: 'http://localhost:3000'
+};
+
+const prodConfig = {
+    ApiDomain: 'http://api.hzjio.com'
+};
+
+if (process.env.NODE_ENV === 'development') {
+    config = devConfig;
+} else if (process.env.NODE_ENV === 'mock') {
+    config = mockConfig;
+} else {
+    config = prodConfig;
+}
+
+export default config;
+
+interface AppConfig {
+    ApiDomain: string;
+}

src/const/index.ts

@@ -1,4 +1,4 @@
-import { Config } from "../app_config";
+import Config from "../app_config";
 
 /** api 域名 */
 export const ApiDomain = Config.ApiDomain;

src/containers/home/article_item/article_item.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
-import './article_item.scss';
 import { Link } from "react-router-dom";
+import './article_item.scss';
 
 export class HomeArticleItem extends React.Component<HomeArticleItemProps> {
 
@@ -10,7 +10,7 @@ export class HomeArticleItem extends React.Component<HomeArticleItemProps> {
 
     public render() {
         return (
-            <Link to={`articles/${this.props.id}`} href="javascript:;" className="homeArticle">
+            <Link to={`article/${this.props.id}`} href="javascript:;" className="homeArticle">
                 <div className="homeArticle-title">{this.props.title}</div>
                 <div className="homeArticle-summary">{this.props.summary}</div>
             </Link>