html/js/jQuery/vue/uni-app项目打包并上传服务器

服务器配置以后再写,这里说项目上传服务器网站;
先说项目打包;

html / js / jQuery打包

这三个没什么区别,只需要注意

1.首页使用`index.html`命名
2.页面内的图片,文件路径一定要正确

vue项目打包

  1. 打开文件夹找到config的index.js文件, 更改build 中的asset sPublicPath:’/”,加上点号asset sPublicPath:’ ./ ,把Broduc tionS ouceMlap: true, 改为product;i onOourceMap:false,大致在图中的39-52行
    在这里插入图片描述
  2. 打开项目文件夹cmd运行npm run build;
    或者打开HBuilder X的运行到终端的npm run build指令,效果一样
    在这里插入图片描述3.出现这个表示打包完成了
    在这里插入图片描述自动打包完成后会在项目中看见一个dist文件夹,里面结构是这样的
    在这里插入图片描述
    里面的内容,以及文件名称一定不用动等会把这个文件夹上传服务器即可;

uni-app项目打包

还是HBuilder X,发行>网站-H5手机版,自动编译,
在这里插入图片描述
编译成功后在这个目录的结构里还是static文件夹和index.html这两个
在这里插入图片描述

上传服务器

我是用软件FlashFXP 5上传的,你也可以用指令上传;
打开软件FlashFXP 5,连接你的服务器;
左边选好刚才的dist文件夹,右边选好你要上传的项目地点,然后Ctrl+T上传,稍微有点慢,上传完就像右边那样;
在这里插入图片描述然后去配置浏览器路径在这里插入图片描述找到这个httpd.conf文件Ctrl+E打开,在文件中更改119行以及131行的地址比如我的是在这里插入图片描述然后在最后加上这个依次是管理员邮箱(可有可无)、项目目录、域名地址
在这里插入图片描述
保存成功后重启apache,一定要

systemctl restart httpd.service 

所写博客皆为自己的心得,如有错误欢迎指出,侵删,谢谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

苦夏木禾

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值