24小时在线平台

当前位置: 24小时在线平台 > 部署教程大全 > 文章页

【项目配置】vue3项目上传到宝塔面板,图文保姆级教程!

时间:2025-05-14 11:45来源: 作者:admin 点击: 21 次
文章浏览阅读5.9k次,点赞13次,收藏35次。vue3项目打包上传到宝塔面板,手把手步骤,保姆级教程!_宝塔部署vue3项目

1. 在宝塔面板中创建一个新网站,选择对应的PHP版本和数据库。 2. 在本地使用npm run build命令进行打包,得到dist文件夹。 3. 将dist文件夹中的所有文件上传到宝塔面板中新网站的根目录下。 4. 在根目录下新建一个.htaccess文件,写入以下内容: ``` <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule> ``` 这个文件用于在路由切换时保持页面的刷新,避免出现404错误。 5. 在根目录下新建一个nginx.conf文件,写入以下内容: ``` location / { try_files $uri $uri/ /index.html; } ``` 这个文件用于配置nginx服务器,使之能够重定向到index.html文件,从而实现SPA应用的路由切换。 6. 保存nginx.conf文件后,重启宝塔面板中的nginx和php服务即可。

(责任编辑:)
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:
发布者资料
查看详细资料 发送留言 加为好友 用户等级: 注册时间:2025-07-05 20:07 最后登录:2025-07-05 20:07
栏目列表
推荐内容