react单页面使用apache类静态服务器的相关设置

以xammp为例

需要配置

1：本地C:\Windows\System32\drivers\etc下host文件，增加下图红线中内容，127.0.0.1为固定本地ip

2：xampp的目录下我这里是E:\xampp\apache\conf\extra的httpd-vhosts.conf文件中增加下面这个内容，注意域名需要跟上图的一样，然后里面的DocumentRoot是放build出来的文件的所在目录，这里注意需要是在xampp安装目录里，若不想放这里需要另外更改xammp默认目录位置，否则无权限访问会报错，设置方法自行百度这里不多说

3：设置所有dvademo.com下的子路径都跳回自身index.hmtl

这里需要在build根目录内添加一个.htaccess文件，可以网上搜一个或者用webstorm创建一个这种没有名字只有后缀的文件

内容如下

# use mod_rewrite for pretty URL support

RewriteEngine on

# If a directory or a file exists, use the request directly

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

# Otherwise forward the request to index.php

RewriteRule . index.html

4：完毕

如果你安装了node，那么http-server就是个不错的选择，只需要一行命令就可以快速启动。

安装：

npm install -g http-server

在项目根目录执行：

http-server -a 127.0.0.1 -p 8000

使用static-server

static-server很类似http-server，也是基于node，安装和使用方法很相似：

npm install -g static-server

使用时只需要在项目目录下指定该项目的入口文件即可：

static-server -i index.html

下面是一些常用的选项：

-p, --port

详见：https://www.npmjs.com/package/static-server

使用Python

如果你安装了Python，那这个方法可能最简便了，只需要在该目录下执行命令:

python -m SimpleHTTPServer

这样就启动了一个静态web服务器，此时项目的根目录为执行命令时所在目录，默认端口是8000，如果需要指定端口，则加上端口号启动：

python -m SimpleHTTPServer 8080

使用Ruby

如果你安装Ruby，Ruby也提供了一个很简便的方式

---