# my-SSR

**Repository Path**: wdw-code-cloude/SSR

## Basic Information

- **Project Name**: my-SSR
- **Description**: 入门级ssr练手项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-08-13
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# my-ssr 项目整体目录结构: 
```
项目整体目录结构: 
├── build ------------------------->  打包后的 server端 js文件
│   └── bundle.js
├── package-lock.json
├── package.json
├── public ------------------------> 打包后的 web端 js文件
│   └── index.js
├── src
│   ├── App
│   │   ├── components
│   │   │   └── header.js ---------> header 组件
│   │   └── index.js  --------------> 项目 入口文件
│   ├── Routes.js -----------------> 路由配置文件，导出的为 数组
│   ├── WithStyle.js --------------> 服务端 注入css 高阶组件
│   ├── client ---------------------> 前端代码 文件夹
│   │   ├── index.js
│   │   └── request.js -------------> 前端请求方法
│   ├── container -----------------> client & server共用组件
│   │   ├── Home
│   │   │   ├── index.js
│   │   │   ├── store --------------> home 组件 store
│   │   │   │   └── index.js
│   │   │   └── style.css
│   │   ├── Login
│   │   │   └── index.js
│   │   └── UnFound
│   │       └── index.js
│   ├── server ---------------------> server端配置文件夹
│   │   ├── index.js
│   │   ├── request.js -------------> server请求方法
│   │   └── utils
│   │       └── index.js -------------> server 端共用方法
│   └── store
│       └── index.js -----------------> 项目redux仓库
├── webpack.base.js ---------------> webpack 基础配置
├── webpack.client.js --------------> webpack client端配置
└── webpack.server.js --------------> webpack server端配置
```
# 项目启动方式

1. 启动后端服务 (启动后地址是 localhost:4000)
```
cd my-node-server

npm install

node app.js
```

2. 启动中间层node服务 (启动地址是 localhost:3333)
```
cd my-ssr

npm install

node run dev
```