react项目打包
一,部署在apache ?web服务器上(wamp ? | ? xammp) 1.后台接口需要做跨域设置 (1)在服务端利用Access-Control-Allow-Origin响应头解决。? ? ? ? ?(2)服务器做反向代理 2.打包文件单独放置一个服务器 (1)把react ?项目 ?build 打包后 复制build ?里面的文件到web服务器的根目录 ( 2 ) 同时需要在web根目录放置.htaccess文件,文件内容为:(当服务器出现找不到路由时自动回到index.html ?路由由react-router 接管) 附备注: 前端本地开发时会存在跨域问题,如果项目是用creat-react-app cli ?创建的,则直接在package.json ?文件里添加 ?api 地址目录即可:"proxy": “www.api.com:8000” 即可解决跨域问题,如果是自己创建的项目 配置好proxy ?middlle 中间件 也可以实现代理。本地fecth( ‘‘api/userinfo",fucntion(){} ); 请求会发送到 ? ?http://www.online.com:80/api/userinfo ?接口上
二,部署在nginx ?web 服务器上
react ?build ?后的文件包里的文件直接放到 ?nginx 下的web ?目录 即可通过ip ?访问 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |