服务器配置以后再写,这里说项目上传服务器网站;
先说项目打包;
项目打包并上传服务器
html / js / jQuery打包
这三个没什么区别,只需要注意
1.首页使用`index.html`命名
2.页面内的图片,文件路径一定要正确
vue项目打包
- 打开文件夹找到config的index.js文件, 更改build 中的asset sPublicPath:’/”,加上点号asset sPublicPath:’ ./ ,把Broduc tionS ouceMlap: true, 改为product;i onOourceMap:false,大致在图中的39-52行
- 打开项目文件夹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
所写博客皆为自己的心得,如有错误欢迎指出,侵删,谢谢