scene最近在做一个养老项目，符合时代发展。本项目是一个前后端分离的项目。我熟悉后台的部署。说到前端静态资源的部署，一时间有点懵，后来查了资料，发现其实很简单。必备工具，基础知识，工具软件，本地和服务器连接推荐的软件有很多，比如secureCRT，putty，xsehll等，那么我这里推荐使用xshell和xftp的结合，也很方便对于不熟悉linux命令操作的前端人员，但是xshell和xftp是收费的，大家可以自行下载破解版，文末给出我的百度云连接。软件安装xshell和xftp的安装其实很简单，傻瓜式安装即可。当然，在选择安装路径的时候，可以根据个人喜好选择安装地址。最好使用全英文路径。xshell和xftp使用基础知识软件安装后如下：xshell连接远程服务器图文教程双击打开xsehll如下图，点击左上角图标填写远程服务器信息即可beconnected选择刚才创建的连接进行连接接下来输入用户名和密码，记得让它记住，下次连接的时候不需要输入用户名和密码等几秒就可以进入系统。默认条目通常是主目录。我们输入cd/切换到根目录。如果我们安装xftp好了，我们可以直接在xshell中启动ftp，并且ftp已经挂载到服务器本地，我们的用户可以通过鼠标拖动上传文件（前提是有权限）点击上面的按钮，进入如下画面linux大部分服务器其实都是linux系统，所以想要操作服务器，需要对linuxshell脚本有一点了解。对于我们的部署服务器，你其实可以知道也可以不知道。我将简单地列出一些命令。可以根据情况掌握。cd..返回上级目录cd../..返回上级两个目录cd/进入根目录cdxx进入对应目录ls查询当前目录有什么rm-rfxx删除xx个文件或目录(谨慎使用，不要误删系统..)whereisxxx查询某个软件的位置。知道这些命令就差不多了。对于nginx来说，nginx的主要作用是作为反向代理和负载均衡。功能我们就不罗列太多了，直接说说我们的配置方法。默认情况下，我们的nginx会位于linux服务器根目录下的/etc/nginx下，这里主要关注两件事nginx.confconf.d解释什么是nginx.conf是nginx文件的默认配置，我们配置反向代理和负载均衡会加载这个配置文件conf.d这个文件夹，我们添加一些配置文件，可以写在这个文件夹里面，然后在nginx里面配置。文件到nginx.confhttp{include/etc/nginx/mime.types;default_type应用程序/八位字节流；log_formatmain'$remote_addr-$remote_user[$time_local]"$request"''$status$body_bytes_sent"$http_referer"''"$http_user_agent""$http_x_forwarded_for"';access_log/var/log/nginx/access.logmain;发送文件；#tcp_nopush上;keepalive_timeout65；#gzip上；include/etc/nginx/conf.d/*.conf;}重点是最后一段代码，将conf.d下的配置文件导入进去。conf.d下配置文件的编写是配置的重点。首先列出配置文件并进行解释。服务器{听80;服务器名称static.xxx.xx；位置/{根/静态；}location~/(javascript|css|images){root/static/;}}这里的原理是nginx默认会监听80端口，如果有静态域名的话。我懂的，百度懂），会默认访问根目录下的static文件夹，需要把我们的静态资源放到根目录下的static中（cd/会进入根目录）。静态文件中的格式如下：至此，如果我们是新添加的配置，那么需要重新启用nginx来加载配置文件。nginx默认的可执行文件在/usr/sbin/下。执行命令：/usr/sbin/nginx-sreload如果执行后没有输出，恭喜，配置文件没有问题。如果有问题，请按照提示检查问题出在哪里。问题。有问题的情况这里就不一一列举了，以后单独写一篇。如果不修改配置文件，只修改上传的静态资源，即我们只是替换根目录下的静态内容，不需要重新加载nginx配置文件。至此，我们可以直接在网页上访问，看看是否可以输出静态资源，比如css或者js。在页面访问域名：static.xxx.xx/~，下面的~就是你static下的资源，比如你在static下放一个css文件夹，css文件夹下有个hello.css，则访问方式为static.xxx.xx/css/hello.css如果页面有内容输出，则说明静态资源部署成功。前端资源入口一般是前后端分离的项目。前端会给后台一个入口。以我的项目为例。我们是java搭建的分布式后台，服务器使用tomcat。入口应该在我的登录系统里，那我们就需要把前端给我们的index.html文件放到我们后台程序的默认入口里。但是这里我们会根据情况做一些修改。比如我们需要把html文件改成jsp文件。其实很简单。我们首先更改其扩展名，然后打开文件，并在其文件头中添加以下代码行。:<%@pagepageEncoding="utf-8"contentType="text/html;charset=utf-8"%>，然后保存，放到服务器入口。这个入口在我们对应服务器（以tomcat为例）的webapps/ROOT/WEB-INF/views/下，我们可以把修改后的index.jsp放在这里。至此，我们就可以让后台启动服务，访问前台提供好的入口，访问。但是这里希望大家明确一点，前端所有访问静态资源的路径都要修改成线上环境。最后附上软件下载地址：链接：https://pan.baidu.com/s/1bqkVGC3密码：ecvc
