位置: IT常识 - 正文

宝塔面板安装部署Vue项目,Vue项目从打包到上线(宝塔面板安装zabbix)

编辑:rootadmin
宝塔面板安装部署Vue项目,Vue项目从打包到上线 前期准备

推荐整理分享宝塔面板安装部署Vue项目,Vue项目从打包到上线(宝塔面板安装zabbix),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:宝塔面板要安装什么环境,宝塔面板安装失败怎么处理,宝塔面板安装失败怎么处理,宝塔面板要安装什么环境,宝塔面板安装flarum,宝塔面板要安装什么环境,宝塔面板安装教程,宝塔面板安装zabbix,内容如对您有帮助,希望把文章链接给更多的朋友!

1.宝塔面板已经成功安装到服务器 2.vue项目已经成功开发完成

开始宝塔面板安装部署Vue项目,Vue项目从打包到上线(宝塔面板安装zabbix)

在宝塔面板中选择PHP项目添加站点,站点PHP版本设置为纯静态,输入域名或者IP 这是后你会获得一个网站文件目录 点击根目录进入目录后,若你的Vue项目么有打包好需要进行 npm run build 命令进行打包处理,但在打包前需要进行设置,首先查看自己的router设置是否为history模式

const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes})

mode需为history模式,其次查看自己的vue.config.js中是否设定了访问路径正确,我这里直接使用的是vue2.x所以需要增加一行

const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ publicPath: './', transpileDependencies: true })

增加这个保证访问的是根目录

publicPath: './',

保证上面设置就可以进行打包。打包后会发现你的项目下出现一个dist的文件目录这个就是打包好的文件只需要把这个文件夹上传到你创建网站的宝塔根目录中,并且在网站设置中设置访问路径是你的dist文件夹 因为vue是单文件应用还需要再伪静态中设置使用js控制网站的跳转,如果不进行设置的话,你会发现除了首页以外其他页面访问都是404找不到页面

location / { if (!-e $request_filename) { rewrite (.*)$ /index.html?s=/$1 last; break; }}

设置完成后就可以访问你的vue项目了

本文链接地址:https://www.jiuchutong.com/zhishi/288951.html 转载请保留说明!

上一篇:上弗洛雷斯塔附近晨雾中亚马逊雨林,巴西马托格罗索 (© Pulsar Imagens/Alamy)(弗洛雷斯岛)

下一篇:La Pertusa教堂,西班牙莱里达 (© bbsferrari/Getty Images)(laslajas大教堂)

  • 小规模30万免税包括30万吗
  • 税务行政复议是税务行政复议机关的裁决活动
  • 小规模企业免税怎么做账
  • 员工买东西自己垫付的钱怎么做账
  • 电子承兑汇票贴现流程
  • 委托加工物资属于企业资产吗
  • 企业所得税申报时间
  • 公司转让会计分录
  • 金税盘发票号码确认显示不全
  • 融资租赁开始日最低租赁付款额
  • 幼儿园开学费发票内容
  • 企业出售固定资产取得的净收益应列入的利润表项目是
  • 调整以前年度的库存
  • 质保金怎么挂账
  • 分公司企业所得税怎么缴纳
  • 外籍人员探亲签证
  • 关于解决经费问题的请示
  • 费用化支出含义
  • 收到退回的土地使用税分录怎么做
  • 公司利润为负数 贷款
  • 跨区域涉税事项报告表报验流程
  • linux系统中怎么创建目录
  • linux如何管理进程
  • php poll
  • g++.exe error
  • 房屋赠与双方办理流程
  • members-area.exe是什么进程 members-area进程查询
  • 哈阿公路
  • 涉及产权的案例
  • 技术服务费可以计入成本吗
  • 采购材料尚未入库款未付的记账凭证
  • 分配股利账务处理
  • 基建账并账规定
  • vue3生命周期及使用
  • [深度学习] 基于切片辅助超推理库SAHI优化小目标识别
  • 人民币跨境贸易占比
  • 员工多了怎么管理办法
  • 填写蓝字专用发票信息
  • 一笔购入多项固定资产
  • 员工门诊收费票据可以入账吗
  • 控股子公司破产清算 母公司账务处理
  • 安装SQL2005的实训体会
  • /kill @p
  • 小规模增值税纳税人税率
  • 发票盖错章怎么擦掉
  • 合同负债包括
  • 企业贷款利息费用会计分录
  • 税前扣除项目主要包括
  • 银行回单借贷标志贷表示什么
  • 计提的意义
  • 开设明细账
  • sql is in
  • win10系统如何将c盘的软件移到d盘
  • 如何安装win2000
  • win2008 安装无线服务卡住了
  • apache not found
  • win8搜索程序和文件在哪里
  • win7屏幕颜色变了怎么恢复
  • win7屏幕调节不见了
  • Windows 7+Fedora 16启动项问题讲解
  • win7运行窗口在哪
  • Cocos2d-x 3.2 Lua示例 ActionTest(动作测试)
  • jquery.parsejson
  • js 对象内存 占用
  • jquery使用教程
  • android四大组件生命周期
  • jquery源码下载
  • opencv人脸识别模型训练
  • unity每秒执行一次
  • python pygame模块详解
  • unity3d颜色
  • android4.4w
  • javascript类库
  • 长沙税务网站查询系统
  • 税务系统福利
  • 医院开具的电子票据是发票吗
  • 新办纳税人是什么多久之内
  • 个人所得税税率表及速算扣除数
  • 税务24号公告
  • 曲靖市国家税务局人员名单
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设