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

本文详细介绍了如何将Vue.js项目部署到服务器,包括修改配置文件config/index.js,运行npm run build进行打包,将静态资源和index.html上传至服务器(如Tomcat),以及注意事项,如避免使用中文命名图片资源以确保正常显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值