Vue项目打包上线

1,在项目文件夹下运行npm run build

这行代码会把我们所编写的代码更改成浏览器能够识别的代码,同时也是压缩过后的代码

2,我们会发现在原来的项目文件夹中多出了一个dist文件夹,这个文件夹就是我们要放到线上的内容

我们把这个dist文件夹给到后端的工作人员,后端的工作人员,后端的工作人员就会把这个文件挂载到后端服务器上

现在我们把dist文件夹里的内容放在htdocs文件夹中

然后再去localhost:8088中访问我们的网页

3,如果不想把文件直接放到根目录下,那么你在服务器根目录下新建一个project文件夹(名字随意),但是不要直接将项目打包好的文件直接放在里面,直接放到里面是无法运行的,到项目代码文件中

更改成

就可以了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值