vue 部署到nginx
时间: 2023-09-05 21:08:21 浏览: 115
nginx下部署vue项目的方法步骤
回答: 将Vue项目部署到Nginx的步骤如下:
1. 安装Nginx并进入Nginx的安装目录。
2. 使用命令`start nginx`启动Nginx服务。\[1\]
3. 找到Vue项目中的`vue.config.js`文件,并进行相应的配置修改。
4. 配置Nginx,找到Nginx的主配置文件`nginx.conf`,一般位于`/conf/nginx.conf`。在该文件中,可以设置Nginx的监听端口、服务器名称、静态文件路径等。\[2\]\[3\]
5. 将Vue项目的打包文件(一般在`dist`文件夹中)放置在Nginx的静态文件路径下。
6. 重启Nginx以使配置生效,可以使用命令`nginx -s reload`。\[2\]
这样,Vue项目就成功部署到了Nginx上。
#### 引用[.reference_title]
- *1* [vue部署到nginx](https://blog.csdn.net/weixin_45079813/article/details/121552726)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Nginx部署vue项目](https://blog.csdn.net/qq_40501683/article/details/122670356)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文