编译项目:
npm run build打包部署在nginx服务器环境下
注:如果使用的 browser 路由模式的话需要配置 服务器伪静态【把所有请求都重定向到index.html上面去就可以了】
官方给出的伪静态配置方法【直接写入nginx配置文件中】
location / { # 用于配合 browserHistory使用 try_files $uri $uri/ /index.html; # 如果有资源,建议使用 https + http2,配合按需加载可以获得更好的体验 # rewrite ^/(.*)$ https://preview.pro.ant.design/$1 permanent; }如果有用宝塔的同学,我这里直接给出在宝塔里面的伪静态的方法【写入宝塔的伪静态规则中】
location / { if (!-e $request_filename){ rewrite ^(.*)$ /index.html?s=$1 last; break; } }
然后配置nginx api接口转发
注:
- 我这边的api访问url规则是 /server/api/index/getIndexData,/server/api/index/getIndexInfo 这种模式
- 你可以根据你自己的规则修改下方相应的 server
官方给出的转发方法:【写入nginx配置中】
location /server/ { proxy_pass https://ant-design-pro.netlify.com/; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header X-Real-IP $remote_addr; }我自己写的:【写入nginx配置中】
location /server/ { # proxy_pass http://127.0.0.1:3999; 后台服务地址 proxy_pass http://api_test.domain.com/; }
发表评论 取消回复