位置: 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大教堂)

  • 税务系统纳税申报
  • 网银转账往来款
  • 财政部监制章可以报销吗
  • 查找出资产负债表的软件
  • 劳务报酬能不能按照计件计算
  • 汇算清缴交了税怎么做分录
  • 无形资产摊销和累计摊销一样吗
  • 服务免税销售额
  • 已认证未抵扣什么意思
  • 一般纳税人支出的钱没有发票年底怎么处理
  • 业务招待费取得的专票可以抵扣吗
  • 折价购入
  • 以前的服务发票当期确认收入怎么做账
  • 建筑公司亏损异常怎么办
  • 增值税抵扣联是什么意思
  • 关于支付税审费的问题
  • 增值税代扣代缴抵扣
  • 资产处置损益的明细科目有哪些
  • 如何计算工程预付款
  • 税控盘服务费申报是在哪里填写
  • 红字发票信息表是销方还是购方开
  • 什么是补提或者计提
  • 小企业会计准则和一般企业会计准则的区别
  • 发票来了冲预付账款怎么记账
  • 给员工支付的房租怎么算
  • 电脑重装win7系统后无法连接网络
  • 收到税费返还是什么现金流量
  • php如何通过链接获取源码
  • 母公司向子公司发行面值100万元、期限为三年
  • ecap.exe是什么
  • 远期外汇交易会有风险吗
  • 前端gui
  • vue.js in action
  • yolov5训练自己的模型配置到单片机
  • vue操作excel
  • chat怎么用
  • thinkphp自定义标签
  • 印花税应计入什么
  • 固定资产转为投资性房地产公允价值
  • 银行的社保缴费基数好高啊
  • 代扣代缴增值税附加税减免政策
  • 个税的免税收入
  • 长期待摊的装修费什么时候入账
  • 预计净残值影响营业利润吗
  • 资产处置收益项目有哪些
  • 长期待摊费用在注会哪一章
  • 无票销售纳税后怎么处理
  • 员工餐补是放入福利费吗?
  • 小规模纳税人哪里可以查
  • 免征的教育费附加怎么做账
  • 会计结账一般都是谁做
  • 营业费用这个科目还在用吗
  • 利润率多少算好
  • 慈善捐款流程
  • 领用材料属于什么会计分录
  • 进程管理界面
  • 硬盘安装windows11
  • 金山卫士电脑版
  • xp administrator隐藏如何找回解决方案
  • 史上最详细的mrtg(Multi Router Traffic Grapher)设置说明
  • linux文件目录的含义
  • yum could not resolve host
  • linux系统的配置
  • win8.1技巧
  • cocos lua js
  • 创建nodejs项目的步骤
  • Cocos2d-x +Android + Windows 7
  • 万向节锁到底是什么
  • JavaScript中的变量名不区分大小写
  • linux怎么设置
  • 使用node写接口
  • JavaScript控制台输出
  • 简单的移动端项目
  • base adk
  • 国税云厅官网
  • 建筑业小规模纳税人工程结算增值税
  • 虚假纳税申报的法律责任
  • 包角计算公式推导
  • 资源税的税目共有七个其中包括
  • 怎么申请浙江长沙健康码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设