宝塔面板搭建网站 vue

要在宝塔面板上搭建一个Vue网站，你需要进行以下步骤：

1. 在宝塔面板的菜单中找到部署的Vue站点，并打开设置页面。

2. 在配置文件设置中添加以下代码：

location / {
  try_files $uri $uri/ @router;
  index index.html;
}
location @router {
  rewrite ^.*$ /index.html last;
}

这段代码的作用是配置Vue的路由，确保在刷新页面时可以正确加载页面。

3. 进入nginx文件夹下的conf文件夹，找到nginx.conf文件，双击进入编辑。

4. 找到server下的listen，将端口改为你之前设置的端口，保存文件。

5. 如果你需要部署多个项目，可以复制多个server进行配置。

6. 点击保存并退出编辑。

7. 最后，点击设置->配置文件，在打开的页面中添加以下代码来解决跨域问题：

location /api {
  proxy_pass http://gmall-h5-api.atguigu.cn;
}

这段代码的作用是配置一个代理规则，将所有以/api开头的请求转发到指定的后端接口。

这样，你就成功在宝塔面板上搭建了一个Vue网站。记得根据你的实际情况进行相应的配置和修改。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [宝塔面板部署vue项目](https://blog.csdn.net/m0_58946045/article/details/126774935)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [使用宝塔部署Vue项目](https://blog.csdn.net/weixin_56868125/article/details/128935456)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]