首页 > 其他分享 >宝塔部署history模式的vue3项目

宝塔部署history模式的vue3项目

时间:2023-03-15 23:46:16浏览次数:46  
标签:宝塔 index 点击 vue3 root 目录 history

前置条件:服务器、域名、备案、项目

首先进入宝塔点击左侧的网站,然后点击添加站点

 填入域名,点击提交,宝塔会自动帮忙创建一个根目录

到该根目录,把打包后的vue项目放上去

 点击左侧网站,点击在新创建的站点右侧的设置

 点击网站目录,设置运行目录为/dist,然后点击保存

 再点击左侧列表的配置文件去设置nginx

 在配置的server里面加入下列代码后,点击保存

location /表示匹配所有路径
root 表示指定的目录,可以在配置上面找,宝塔有自动配
index 是设置首页
try_files 表示当找不到资源的时候返回root目录下的某个文件
    # 在server里面添加
    location / 
    {
        root /www/wwwroot/www.test.cn/dist;
        index index.html index.htm;
        try_files $uri $uri/ /index.html;
    }

点击刷新,就不会出现history路由刷新后404的问题了

标签:宝塔,index,点击,vue3,root,目录,history
From: https://www.cnblogs.com/lovewhatIlove/p/17220694.html

相关文章

  • 宝塔面板架设邮箱服务
    你还在为邮箱注册账号不够用烦恼吗,自己架设一个邮箱服务器,想用多少用多少。宝塔面板用于管理linxu主机的傻瓜式管理平台安装就不说了,照着官网来系统:DebianGNU/Linu......
  • vue3+vite+vant文件上传
    1:文件上传下载1//上传文件2constafterRead=()=>{3for(letfileoffileList.value){4//1:加载状......
  • 宝塔面板pm2管理器部署node.js
    前言需要你有一个轻量级服务器,服务器里面有宝塔面板,然后有一个写好的node.js后端文件,需要把你sever文件夹上传到你的服务器中,需要你有一个解析好的二级域名以及ssl证书,放行......
  • Linux history 命令使用技巧
    history命令使用起来非常简单。默认情况下,该命令读取文件​​~/.bash_history​​并在终端中打印内容。要查看历史执行的命令,请执行以下操作:history然后您可以滚动浏览输......
  • vue3仿windows弹窗
     一款基于vue3的仿windows弹窗。可以组件模板编写或函数式创建。地址:https://github.com/dnoyeb/box-win   安装npmadd'box-win'两种方式:1、组......
  • [Vue3] 组件上的ref不能与组件名相同
    情景关键组件没有正确引入函数无限递归解决如果在网上搜索[Vuewarn]:Componentismissingtemplateorrenderfunction.或[Vuewarn]:Invalidvnodetype......
  • 使用vscode + vite + vue3+ vant 搭建vue3脚手架
    【术栈】开发工具:VSCode代码管理:Git前端框架:Vue3构建工具:Vite路由:vue-router4x状态管理:vuex4xAJAX:axiosUI库:vant数据模拟:mockjscss预处理:sass构建vue3项目1,安装 vite......
  • less & saas/scss & css 深度选择器语法在 Vue2 & Vue3中的使用
    vue2中原生css>>>.el-card__header saas\scss::v-deep.el-card__headerless/deep/.el-card__header vue3中:deep(){......
  • 【服务器】宝塔LNMP安装Discuz!
    1、下载并上传解压地址:https://gitee.com/ComsenzDiscuz/DiscuzX官方环境是WAMP,我自己的服务器是LNMP,亲测可用2、配置网站安装完成......
  • vue3 + vite 分析报告 report == rollup-plugin-visualizer
    安装插件 npmirollup-plugin-visualizer-D 配置vite.config.js文件【加入插件】import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'......