项目部署到服务器

一、申请虚拟主机

  • 阿里云
  • 百度云
  • 腾讯云

1.配置

(1)装系统(window,Linux)

(2)装软件

  • node,java,php,python,nginx(高性能反向代理服务)

2.本地电脑

(1)npm run build 产生dist文件夹

(2)本机安装nginx 进行测试项目

  • nginx 下必须依赖于英文目录名
  • 启动:在该目录下打开power shell
  • 输入N按下Tab键自动补齐
  • 修改配置文件.conf 非必须
.\nginx.exe -c.\conf\已黑化的小白.conf
  • 修改配置需重启服务器或重新加载配置文件(推荐)

    • 另外在该目录下打开power shell
     停止服务器
    .\nginx.exe -s stop
    
    //重启
    .\nginx.exe -s restart
    
    //重新加载配置文件
    .\nginx.exe -s reload
    
    

(3)将dist文件发布到虚拟主机

要将Uniapp项目部署服务器,可以按照以下步骤进行操作: 1. 打包项目:在命令行窗口中,使用命令行进入Uniapp项目的根目录,并执行以下命令来打包项目: ``` npm run build ``` 这将生成一个dist目录,其中包含了编译后的项目文件。 2. 配置服务器:将打包后的dist目录中的文件上传到服务器上。可以使用FTP等工具将文件上传到服务器。 3. 配置域名和端口:确保服务器已经配置了正确的域名和端口,以便访问您的Uniapp项目。 4. 配置Web服务器:根据您的服务器环境选择合适的Web服务器,如Apache或Nginx,并进行相应的配置。 - Apache配置: 在Apache的配置文件中找到Virtual Hosts的设置,并添加以下内容: ``` <VirtualHost *:80> ServerName your_domain_name DocumentRoot /path/to/your_project_dir/dist <Directory /path/to/your_project_dir/dist/> Options Indexes FollowSymLinks Includes ExecCGI AllowOverride All Order deny,allow Allow from all </Directory> </VirtualHost> ``` 将"your_domain_name"替换为您的域名,将"/path/to/your_project_dir"替换为您上传项目的路径。 - Nginx配置: 在Nginx的配置文件中找到Server的设置,并添加以下内容: ``` server { listen 80; server_name your_domain_name; root /path/to/your_project_dir/dist; location / { try_files $uri $uri/ /index.html; } } ``` 将"your_domain_name"替换为您的域名,将"/path/to/your_project_dir"替换为您上传项目的路径。 5. 重启服务器:保存配置文件并重启服务器,以使更改生效。 现在,您的Uniapp项目应该已经部署到服务器上,并可以通过访问配置的域名和端口来访问。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

已黑化的小白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值