上一篇讲解部署mysql(远程连接)+redis
在服务器上新建一下目录文件,dist文件夹就是vue打包的项目

nginx.conf配置,完整的配置文件你可以自己在本地下一个nginx.tar.gz复制里面的nginx.conf文件

cd 到blogVue目录下
构建镜像
docker build -t myvue .
. 不要少了
运行容器
docker run --name myvue -d -p 80:80 myvue
到此部署全部完成,但是bug有以下
1、跨域(请求头没有配置好,导致的结果就是sessionid不一致,以及访问页面都有问题,很严重)
2、图片找不到异常(我的图片存放路径是c:/my-user/下的三个文件夹,到服务器上就是/my-users/,导致用户的头像以及文章的图片、视频都不能访问了),这个比较偏门,我查了几天没有查到类似的文章,但还是突发奇想的解决了。
有需要的小伙伴可以看我的主页。
Docker部署Vue应用及解决跨域与静态资源问题
本文介绍了如何使用Docker在服务器上部署Vue项目,包括创建目录、配置nginx以及构建和运行容器。在部署过程中遇到的跨域问题和静态资源(如图片)无法访问的问题,作者也提供了解决方案。对于遇到类似问题的开发者,这是一个有价值的参考。
1103

被折叠的 条评论
为什么被折叠?



