这样子,我的网站是前后端分离的,在我的服务器上面怎么访问到我的静态 htm 的文件呀
来源:10-1 上传项目代码到线上私有 Git 仓库
Walterhe
2017-04-22
比如说 我用 vue 开发 一个网站 打包 把生成的 hmtl js 上传到 服务器 ,然后怎么访问到这些静态的 html , 里面还有图片 js 文件, 并没有开启端口什么的哦 就一个静态 html 丢到服务器上面
写回答
1回答
-
有很多种部署方式的
最简单粗暴的,就是直接把 html 丢到 nginx 的静态目录中,我搜到一篇简易的实现文章,没有我的复杂,你可以参考下:
https://www.edlad.com/2016/08/11/nginx-deploy/
它里面没有提到你的 图片和 js 改如何被访问,这个可以参考我课程中的设置,通过修改 locations 的识别策略,来输出这些静态资源,另外,最好是把 js/css/images 单独都统一丢到某个目录下,比如我的某个服务器配置文件
location ~*^.+.(json|jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|pdf|txt|tar|wav|bmp|rtf|js|flv|swf|html|htm)$ { root /www/xxxsite/public; }
另外一种方式,就是可以借鉴 Nodejs 来输出,配置过程跟课程一样,只是在构建这个 Nodejs 项目的是,需要能渲染这些 html 文件,这个比较利于你后期扩展,比如增加数据库,可以用 koa express 来搭建一个网站,不同的路由,访问你不同的后台 html 文件,模板引擎可以使用 ejs,这样可以兼容你的 html,不需要修改为其他的模板格式。
还有更合理的方案,就是上图床,直接把 css/js/images 给丢到线上去,这个实现原理就是每次发布都上传更新一次,操作略复杂,本次课程还没有涉及,如果出 2 期课程的话,可能会考虑录制进去。
112017-07-18
相似问题