(1)点击“网站”菜单进入网站管理页面,然后点击“添加站点”按钮,弹出添加网站的配置窗口,如下图所示:
这里注意一下,域名是必输项,如果没有域名暂时随便输一个,但格式要正确。网站根目录默认是“/www/wwwroot/域名”,也可以自己修改,其他的随意,点击“递交”按钮就完成站点创建。
(2)在开发机中准备好待发布的网站项目,将项目先发布到本地文件系统。
(3)回到宝塔管理面板,点击左侧“文件”菜单进入文件管理页面,点击目录列表依次从目录www/wwwroot中找到我们新建AppDemo站点目录,并点击进入,如下截图所示:
站点创建完成会添加默认的404、index页面,不需要的话可以在文件管理页面中把这些文件删除,然后点击“上传”按钮,弹出上传文件窗口:
点击窗口左上角上传按钮(可以选择上传文件也可以上传目录,我们选择上传文件)将我们已准备好的本地发布版本的所有文件全选并拖拽到窗口中,然后点击“开始上传”。
(4)上传成功后点击宝塔面板中的“网站”菜单,在网站管理页面中选择我们创建的站点,点击“设置”链接,对我们的站点进行设置。
在站点修改窗口中选择“网站目录”,我们将运行目录选择为“/wwwroot”,我们发布的网站样式等都在这个子目录里边,如果不指定的话,显示会没有样式。
继续点击站点修改窗口左侧的“配置文件”项,会列出本站点的Nginx配置项,默认情况下使用的是80端口,server_name是我们之前创建站点时随便输入的域名,没有域名在这里我们把域名改成IP地址:
然后我们要做一个反向代理的配置,在配置文件中加入如下配置项: # AppDemo location / { proxy_pass :5000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection keep-alive; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; }