本文介绍了如何将Vue项目部署到Docker中，通过改造项目结构，创建config.js来定义后端API地址，并在Dockerfile中设置HOSTIP环境变量，配合nginx实现后端API地址的动态配置。详细步骤包括改造Vue项目，修改Dockerfile，新建nginx.conf文件，以及服务器目录和启动容器的配置。
1、改造vue项目，抛出config.js文件定义后端API地址。
1.1、首先要在public文件夹下新建一个static文件夹。然后新建一个config.js文件
Vue-cli2项目的是没有public文件夹。只有static文件夹。也就是说vue-cli2项目的放置在static文件夹下。打包的时候不会被打包进去
config.js内容：
window.g = {
SERVER_URL:'SERVER_URL_S'
}
1.2、axios工具类也要相应地更改一下
然后打包放上服务器上。
2、修改Dockerfile文件
Dockerfile：
FROM nginx
ENV HOSTIP = '127.0.0.1'
COPY dist/ /</
最低0.47元/天 解锁文章
800
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
