使用Docker封装VUE项目：VUE实现局域网访问，需要修改配置文件config/index.js

最新推荐文章于 2024-03-17 13:07:27 发布
最新推荐文章于 2024-03-17 13:07:27 发布
阅读量1.3k 收藏
点赞数
文章标签： vue.js javascript docker
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1031338633/article/details/121358730
版权

如题👆
修改host地址
只有修改此处后，VUE项目才允许除了本地以外的ip访问，这样子docker封装的VUE，宿主机才能访问到虚拟机

a1031338633
关注
Docker打包vue项目镜像（开发环境）
qq_37312180的博客
10-17 1673
docker run -d -p 3006:80 vue_npm_arcgis_image2 #启动（运行）容器。docker build . -t vue_npm_arcgis_image2 #打包成docker镜像。运行npm run docker打包docker镜像并启动（运行）容器。vue_npm_arcgis_image2 镜像名称。浏览器访问http://IP:Port测试。-t title设置镜像名称。
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
12-11
为了使项目全局都能访问这些配置，创建了`base/index.js`，它将`base/config.js`导出的配置挂载到Vue原型链的`$config`对象上。这样，在任何组件或路由配置中，都可以通过`this.$config.host`来访问API接口前缀。 ...
同一局域网下访问vue项目
qq_43183942的博客
04-15 6939
#同一局域网下访问vue项目 ##同一局域网： 在你的电脑上用快捷键windows + R打开cmd，使用ping + ip地址（想要访问你项目的那台电脑的ip地址），如果成功后就表示你们处于同一局域网下。 ##本机ip地址 在你的电脑上用快捷键windows + R打开cmd，使用ipconfig命令，就可以看到本机ip地址。 ##访问本地项目 当你成功执行上一步，确定你们处于同一局域网下后：在你的项目中找到config文件夹，找到index.js文件，你可以看到host:localhost(默认)，
docker安装&部署vue
m0_70015578的博客
09-06 1138
docker安装&部署vue
在项目打包之后对配置文件进行修改
weixin_42069587的博客
05-24 2605
在Vue项目中一般都将配置文件写在 .env.development / .env.production 文件当中，但是如果仅仅是因为修改配置文件又重新打包一次就会很繁琐，浪费时间。于是可以将配置文件写在 public / static 文件夹下，此文件夹里面的文件并不会参与打包，所以在打包之后再对配置文件进行修改就会很方便。4. 打包之后config.js文件就会在根目录上，就可以了很方便的对配置信息进行更改。2. 在配置文件中最好套一层立即执行函数，确保这个配置文件是在最开始执行的。
Vue3 配置config文件，打包后随意修改配置，无需重新打包和重启
Admans的专栏
11-22 4352
在public目录创建config.json文件，名字随便起。刷新页面后即显示新的内容。打开main.js，导入。
基于Vue+SpringCloud博客的设计与实现1
08-03
本文将探讨如何基于Vue.js前端框架和SpringCloud后端微服务架构设计并实现一个高效、可扩展的博客系统。 1.1 研究背景 随着互联网技术的发展，用户对网站体验的需求日益提高，博客系统作为互动性强、内容丰富的...
模拟商城，完整的购物流程、后端运营平台，使用 spring cloud + vue 全家桶实现快速搭建企业级微服务项目.zip
03-03
这是一个基于Spring Cloud和Vue.js全家桶的企业级模拟商城项目，旨在提供一个完整的购物流程以及后端运营平台的快速搭建方案。在这个项目中，我们将会深入探讨如何利用这两个技术栈来构建高性能、高可用的微服务架构...
前后端分离项目，云平台工单管理系统，(Vue+Node+Express+MongoDB)，此处为后端文件.zip
08-03
3. **配置文件**：`.env`或`config.js`可能包含数据库连接字符串、API密钥等敏感信息。 4. **控制器**：处理业务逻辑的函数，通常在`controllers`目录下。 5. **错误处理**：处理应用可能出现的异常情况，保证服务的...
SpringBoot+Vue前后端分离项目
03-28
- **vue.config.js**：Vue项目的配置文件，可以自定义一些构建设置。 - **build** 或 **scripts**：编译和构建相关的脚本，用于打包前端应用。 这个项目可能涉及的技术栈还包括MyBatis或JPA进行数据操作，Maven或...
vue项目配置IP局域网内小伙伴方便访问
秋实的博客
03-13 1217
1.config/index.js中，module.exports的dev.host改成自己的IP地址 module.exports = { dev: { assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, //host: 'localhost', // can be ov...
docker挂载nginx1.20.1部署vue以及静态图片服务器
qq_43436985的博客
08-17 1628
docker挂载nginx部署vue以及静态图片服务器
Docker 哲学 - 容器操作 （二）
最新发布
gu2022_3_5_21_23的博客
03-17 540
命令行启动 参数键值之间可以使 " = " 或者 空格。
史上最详细阿里云服务器上Docker部署vue项目 实战 每一步都带详细图解！！！
北
05-18 3563
史上最详细阿里云服务器上Docker部署vue项目 实战 每一步都带详细图解！！！ 找了很多博客，最后才成功，????‍太难啦。 大家要是最后成功了一定要记得来给我点个赞哦。每一步都是带图带解析的实操。 步骤： 1、打包 先将前端vue项目打包 运行命令： npm run build 等它打包完就可以啦。 2、Dockerfile文件 写一个Dockerfile文件 FROM nginx #拉取nginx镜像 COPY ./dist/ /usr/share/nginx/html/ #将dist目录下内
Docker搭建私有仓库（内网）
weixin_33801856的博客
06-16 3160
1、搭建私有仓库安装yum ×××tall docker-registry但是安装后是后面这个包docker-distribution然后启动服务 服务默认使用的是5000端口然后开始给imange打tag 如果不能解析主机名的话 需要使用ip地址打tag 如下图：docker tag busybox:latest 172.17.234.180:5000/busybox:latest然后开始上...
Vue vue.config.js 的详解与配置
热门推荐
蓝胖子的博客
11-03 3万+
Vue vue.config.js 的详解与配置
Node | docker 中安装node.js
weixin_33704591的博客
09-29 882
1.启动docker服务 首先启动docker服务:systemctl start docker 2.获取node最新镜像 启动完成之后拉取node最新镜像：docker pull node 然后开始等待，最后拉取完成会有相应的输出信息。 我们再通过命令确认下node是否拉取成功：docker images 到这里，...
vue.config.js配置代理不生效_一文详解Docker 代理脱坑
weixin_39657125的博客
12-11 1557
欢迎关注专栏《Java架构筑基》——专注于Java技术的研究与分享！Java架构筑基​zhuanlan.zhihu.comJava架构筑基——专注于Java技术的研究与分享！后续文章将首发此专栏！欢迎各位Java工程师朋友投稿和关注# 链接 Java程序员福利"常用资料分享"Docker 代理配置由于公司 Lab 服务器无法正常访问公网，想要下载一些外部依赖包需要配置公司的内部代理。Docker ...
Docker部署Vue项目详解：从创建到实战
本文将详细指导如何使用Docker部署Vue项目，Docker作为一个轻量级的容器化平台，能提供持续集成、版本控制、可移植性和安全性等优点，尤其适用于前后端分离的开发场景。以下是实现步骤： 1. **准备工作**: - 确保...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值