2025-11-03 11:33AM
我前端是使用的是yarn
我在本地启动了前端项目，想要把他部署在远程的服务器上面，但是远程的服务器前端配置使用的是docker，所以我需要把前端项目部署在远程服务器的docker里面
下面是步骤：
1. 确定前端项目已经可以在本地跑起来了
$ yarn serve
2. 修改 src/request_url.js 文件，把里面的配置修改为服务器的配置
3. 运行 yarn build（如果之前的 dist 文件夹没有删除的话，就运行成功之后，把dist文件夹给删掉，然后重新 yarn build 生成，因为之前的和最新的会新老混合，导致 dist 不是最新版本的）
4. 把生成的dist文件传输到服务器，进入服务器之后，创建一个目录（名字是前端的域名），把dist文件的内容移动到前端域名的目录中
5. 配置docker nginx
server {
listen 80 ;
server_name test.meiyi.site;
client_max_body_size 500m;
charset utf-8;
return 301 https://$host$request_uri;
}
server {
listen 443 ssl;
http2 on;
server_name test.meiyi.site;
charset utf-8;
ssl_certificate /ssl_files/test-meiyi-site.pem;
ssl_certificate_key /ssl_files/test-meiyi-site.key;
ssl_session_timeout 1h;
ssl_ciphers xxxxxx;
ssl_protocols xxxx;
ssl_prefer_server_ciphers on;
root /opt/frontend/test.meiyi.site;
index index.html;
}
6. 重启 docker nginx，这样就可以了
登录
请登录后再发表评论。
评论列表:
目前还没有人发表评论