vue、react等单页面项目部署到服务器的方法及vue和react的区别
16lz
2021-01-22
最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html页面空白，刷新当前路由404。。。用react做的项目也同样遇到类似问题。现在我们一起讨论下单页面如何部署到服务器？
由于前端路由缘故，单页面应用应该放到nginx或者apache、tomcat等web代理服务器中，千万不要直接访问index.html，同时要根据自己服务器的项目路径更改react或vue的路由地址。
前端精品教程：百度网盘下载
如果说项目是直接跟在域名后面的，比如:http://www.sosout.com ，根路由就是 '/'。
如果说项目是直接跟在域名后面的一个子目录中的，比如: http://www.sosout.com/children ，根路由就是 '/children '，不能直接访问index.html。
以配置Nginx为例，配置过程大致如下：（假设：
1、项目文件目录： /mnt/html/spa（spa目录下的文件就是执行了npm run dist 后生成的dist目录下的文件）
2、访问域名：spa.sosout.com）
进入nginx.conf新增如下配置：
?更多相关文章
- 2009年1月19日,欢迎PyLucene加入Lucene子项目
- mvn依赖的jar，在项目中无法引用，求大神指点啊
- mybatis项目报java.sql.SQLException: Numeric Overflow的异常
- Java的Web项目中Web.xml配置文件元素详解
- R.java was modified manually! Reverting to generated version
- 8/人天，小记一次 JAVA（APP后台） 项目改造 .NET 过程（后台代码已完整
- tomcat启动web项目时候突然卡住