网站制作怎样把做好的上传到服务器

  1. AutoCMS
  2. /
  3. 建站资讯
  4. /
  5. 网站制作
logo
鲁富园

网站制作  2026-09-25 15:00:02   388

网站制作怎样把做好的上传到服务器

网站本地调试完,最后一步就是把它搬到服务器上。不管你是用WordPress、自己写的HTML,还是Vue、React打包后的静态文件,原理都一样:把该传的文件放进服务器的网站根目录,让域名能指向它。很多人卡在这一步,不是文件传错地方,就是数据库没连上。下面按实际操作的顺序聊一遍。

动手前先准备几样东西。服务器的IP地址、SSH端口、FTP账号密码,这些一般在购买服务器后服务商会发给你。如果是虚拟主机,通常会提供一个控制面板,比如cPanel或者宝塔。域名要提前解析到服务器IP,添加一条A记录,等十分钟到几小时生效。本地文件也要整理好,静态站点确认入口是index.html,PHP项目确认入口是index.php。有数据库的话,先在本地导出.sql文件。配置文件里的数据库地址、用户名、密码要改成服务器上的,本地开发用的localhost得换掉。

上传文件的方式有好几种,选顺手的就行。用FTP或SFTP工具最直观,FileZilla、WinSCP都可以。主机填服务器IP,端口FTP是21,SFTP是22,协议选SFTP更安全。连上后左边是本地文件,右边是服务器目录。找到网站根目录,常见的有public_html、wwwroot、/www/wwwroot/你的域名。把本地文件拖过去,注意别把整个项目文件夹直接传进去,要传文件夹里面的内容。如果文件多,先打包成zip上传,再到服务器上解压,速度会快很多。虚拟主机一般有在线文件管理器,宝塔面板也有文件管理功能,上传压缩包后右键解压,改改权限就行。

习惯命令行的话,scp和rsync很好用。比如scp -r ./dist/* root@1.2.3.4:/www/wwwroot/example.com/,把本地dist目录里的内容传到服务器。rsync -avz ./dist/ root@1.2.3.4:/www/wwwroot/example.com/ 更适合反复更新,它只传改动的部分。团队协作还可以用Git,在服务器上拉取仓库,但记得别把.git目录暴露到网站根目录,不然源码可能被下载。宝塔面板里也有Git部署功能,配置好仓库地址和分支,点一下就能拉取。

数据库这块别漏掉。本地导出的.sql文件,在服务器上新建一个数据库,用phpMyAdmin或者命令行导入。WordPress改wp-config.php,ThinkPHP改.env或database.php,把数据库名、用户名、密码、主机填对。导入后如果网站打不开,检查一下数据库连接,有时候还要改站点URL,因为本地是localhost,线上是域名。MySQL版本不同也可能出问题,比如本地是8.0,服务器是5.7,语法不兼容就得调整。

文件传完后,权限要设置合理。Linux服务器上,目录一般755,文件644。别图省事全部777,那样有安全风险。如果图片不显示,先看路径大小写,Windows不区分大小写,Linux区分。伪静态也要配,WordPress需要.htaccess或者nginx的rewrite规则,不然文章页会404。SSL证书可以在宝塔里申请Let''s Encrypt,免费自动续期。云服务器的安全组和防火墙要放行80、443端口,SSH端口22,FTP端口21,不然连不上。

最后测试。先ping一下域名,看解析生效没有。浏览器打开首页,按F12看控制台有没有404。点几个内页,试试表单提交,看看数据库读写正常不。如果用了CDN,记得刷新缓存。更新网站时不用每次都全传,只传改动的文件就行,或者用Git钩子自动部署。养成先备份再操作的习惯,服务器上的原文件先压缩一份,万一传错了还能恢复。整个过程其实不难,关键就是细心,把文件放对位置,把数据库连上,把权限和端口配好,网站就能正常访问了。