多个域名解析到一个网站,哪个软件可以看街景,牛商网 做的p2p网站,做外贸如何分析客户网站测试项目#xff1a;react-demo克隆你的react-demo项目到服务器上(默认使用Github管理我们的项目)如果需要#xff0c;请安装项目环境#xff0c;比如#xff1a;node.js#xff0c;yarn等进入项目目录#xff0c;执行npm run build#xff0c;开始构建项目构建成功之后…测试项目react-demo克隆你的react-demo项目到服务器上(默认使用Github管理我们的项目)如果需要请安装项目环境比如node.jsyarn等进入项目目录执行npm run build开始构建项目构建成功之后会生成一个dist文件夹(取决于你的项目配置)这个文件夹里的静态文件就是我们的项目的访问文件了配置NginxLinux服务器是进入到/etc/nginx/sites-enabled然后以管理员身份新建一个你的react项目的配置文件比如react-demo.conf然后编辑文件server {listen 8080;# server_name your.domain.com;root /home/root/react-demo/dist;index index.html index.htm;location / {try_files $uri $uri/ /index.html;}location ^~ /assets/ {gzip_static on;expires max;add_header Cache-Control public;}error_page 500 502 503 504 /500.html;client_max_body_size 20M;keepalive_timeout 10;}执行sudo service nginx restart重启Nginx服务,注意事项1、配置域名的话需要80端口成功后只要访问域名即可访问的项目2、如果你使用了React-Router的browserHistory 模式请在Nginx配置中加入如下配置location / {try_files $uri $uri/ /index.html;}原理因为我们的项目只有一个根入口当输入类似/home的url时找不到这个页面这是nginx会尝试加载index.html加载index.html之后react-router就能起作用并匹配我们输入的/home路由从而显示正确的home页面如果browserHistory模式的项目没有配置上述内容会出现404的情况。可参考react-router文档:总结以上就是这篇文章的全部内容了希望本文的内容对大家的学习或者工作具有一定的参考学习价值谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
