如何在云服务器上部署vue,如何把vue.js项目部署到服务器上

把vue.js项目部署到服务器上的方法:首先更改一下【config/index.js】文件;然后运行【npm run build】;接着上传cccBlog文件夹到服务器;最后访问tomcat下面的cccBlog下面的index文件即可。

3ae2a8ccde854e1f943e455b3d2b3b83.jpg

把vue.js项目部署到服务器上的方法:

1-改一下config/index.js文件,如下图,把assetsPublicPath: './',

productionSourceMap: false

c97408865e12bfa5915765b60b189812.png

2-运行npm run build

然后在项目路径中找到打包后的文件,在项目文件的dist文件夹下面的static和index.html就是打包后的文件。然后我自己创建了cccBlog文件夹,把static和index.html拷贝到cccBlog下面,然后向服务器上传这个cccBlog文件夹就可以了。

92cf9ff85fe10f0488497bdb0c9eaa7c.png

3-上传cccBlog文件夹到服务器,我的是tomcat服务器

a338528b6868c7b168de95c072c344ab.png

4-然后访问tomcat下面的cccBlog下面的index.html就可以了。

5-需要注意的是:图片资源命名的时候不要有中文,因为中文的话服务器访问可能图片显示不出来。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值