这样子,我的网站是前后端分离的,在我的服务器上面怎么访问到我的静态 htm 的文件呀

来源:10-1 上传项目代码到线上私有 Git 仓库

Walterhe

2017-04-22

比如说 我用 vue 开发 一个网站  打包  把生成的 hmtl js 上传到 服务器 ,然后怎么访问到这些静态的 html , 里面还有图片 js 文件, 并没有开启端口什么的哦 就一个静态 html 丢到服务器上面

写回答

1回答

Scott

2017-04-22

有很多种部署方式的

最简单粗暴的,就是直接把 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 期课程的话,可能会考虑录制进去。



1
1
Walterhe
非常感谢!
2017-07-18
共1条回复

Node.js项目线上服务器部署与发布

阿里云部署Node.js+MongoDB+Nginx的应用项目,打通全栈

1747 学习 · 448 问题

查看课程