VUE部署同域同应用时的IP和端口设置

最新推荐文章于 2024-05-16 13:30:42 发布
最新推荐文章于 2024-05-16 13:30:42 发布
阅读量89 收藏
点赞数
文章标签： vue.js tcp/ip 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43972670/article/details/129127885
版权

部署同域同应用时的相对IP和端口无需指定，否则在编译后无法修改，如果生产环境变更了IP则需要重新编译。
.env.production文件中配置 / 即可

NODE_ENV=‘production’
VUE_APP_URL=‘/’

weixin_43972670
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue中使用proxy配置不同端口和ip接口问题
10-16
主要介绍了解决vue中使用proxy配置不同端口和ip接口问题 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue配置axios统一管理后端接口API
郝南过的博客
11-11 2253
配置axios统一管理后端接口API
vue前后端端口不一致解决方案
m0_64803878的博客
09-05 1306
在config index.js文件中。
vue设置公有全局的后台服务器ip(接口调用)
XUELUO123456789的博客
12-06 4319
一.需求 在开发过程中，有时前端连接后台时，并不是一个后台，而是很多，即后台有分工。 那如果在项目上线时，我需要修改调用接口时连接的后台服务器，该怎样修改，此时页面中存在很多个ip地址+接口地址 思路1： ————笨办法：挨个挨个的修改每一个接口连接的ip，直到完成为止 ————————缺陷:那如果以后还需要修改后台ip呢，仍然还是这样一对一修改？？？？——太麻烦了 思路2: ————设置全局ip...
VUE项目部署公网ip和端口以及使用域名访问配置
baijin20100228的博客
08-16 1084
前提是已经配置好了相应的外网和内网端口的映射 一.公网ip和端口配置 在vue项目启动之前对项目下：项目名/config/index.js 文件进行修改 原来的内容为：(位置在index.js的第16,17行作用) host: 'localhost', // can be overwritten by process.env.HOST port: 80...
ruoyi-vue打war包部署到web容器中，前后端共有同一个IP（域名）和端口
01-05 475
1.在public下新增文件夹：WEB-INF，并在WEB-INF下创建web.xml,内容为：在此处增加时，每次执行打包命令时就会自动生成到编译的包中，无需每次手动添加。3.修改.env.development 和 .env.production文件中的后端服务应用名称。定义前端访问应用名为：dygh，outputDir为打包的名称，target为后端接口服务访问路径。前端定义为dygh,后端定义为/dygh/prod-api，启动web容器后，便可成功访问。2.修改vue.config.js。
vue 项目打包之后进行修改配置后端 IP 地址、端口等信息方法
CSDN_33901573的博客
05-11 7734
用vue-cli构建的项目通常是采用前后端分离的开发模式，也就是前端与后台完全分离，此时就需要将后台接口地址打包进项目中，但是，我们只是改个接口地址也要重新打包那就太麻烦了。怎么解决呢？方法如下，本文推荐俩种方式。
vue项目中统一管理多个后端URL的方法
jakelihua
06-26 1653
通过上述方法，可以轻松地统一管理多个后端URL，根据需要在不同的部分使用它们。可以通过修改配置文件来更改URL，而无需在整个代码中搜索和替换URL字符串。如果有多个后端服务，并且它们的URL不同，可以通过创建一个配置文件来统一管理这些URL。（或其他类似的名称）的文件，作为配置文件。
nginx部署vue项目，路由配置，后端访问接口配置
weixin_45393413的博客
08-22 5884
nginx部署vue项目，配置前端项目访问子路径，后端访问接口路径配置
vue-cli3项目打包后自动化部署到服务器的方法
01-18
位置和 package.json平级即可。 简略版 'use strict' // 引入scp2 var client = require('scp2'); client.scp('./dist/', { // 本地打包文件的位置 host: 'XXX.XX.XX.XXX', // 服务器的IP地址 port: 'XX', // ...
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
11-20
我的猜想是proxy代理在本地环境下用的是localhost即127.0.0.1进行转发代理的，而部署到服务器后相当于换了个环境（ ip地址和端口已经改变 ），此时proxy代理就出错了。 解决方法： 地址错误了，那就换到正确的地址。...
vue项目在线上服务器访问失败原因分析
11-20
珊妹儿遇到一个奇葩问题哈，跟大家伙来分享分享，首先因为刚接手的项目，我还没有线上服务器的连接信息，前端代码都是我打包好给别人，...补充知识：vue项目在使用ip地址加端口号不能访问时 修改package.json文件的scri
springboot+vue，前后端分离商城项目，有部署教程.rar
03-21
mall-admin和mall-mbg是后端代码 本地启动的时候需要安装nodejs 本人使用的是6.11.4的版本 mall-admin-web-master是前端vue source 前端项目包需要在其路径...运行完成后，根据ip及端口号就可以在浏览器中进行访问了。
vue前后端口不一致如何解决
weixin_48747363的博客
05-22 3027
前后端后不一致
修改Vue项目运行的IP和端口
见证自己学习,成长的记录
02-09 6933
我们在使用VsCode启动Vue项目的时候，我发现：默认的端口号好像和tomcat一样，默认都是8080，如果8080被占用了，就会使用8081,8082这样的方式以此类推。那么，我们是否可以像后端一样，通过修改port属性的方式达到修改运行端口的方式呢？其实还是很简单的。这个vue.config.js和springboot的application配置文件是一个道理，需要修改项目什么东西就直接在里面改。注意语法就好啦！以后遇到其他的配置语法，会持续更新！
vite (vue3)配置内网 ip 访问 方法
热门推荐
qq_39111074的博客
04-01 1万+
vite 配置内网 ip 访问 方法
vue2 启动如何配置本机ip地址
fengxiaopeng74的博客
11-11 3441
vue2 启动如何配置本机ip地址
vue动态配置ip与端口
Ivor_Chan的博客
10-16 9133
考虑一个成品的项目会给到各地方进行部署，而每个地方的ip和端口均无法保证统一，为了抽离开发人员的工作，需要对项目进行一定的配置，配置后的项目，只需要修改打包后的配置文件，填写相关的ip和端口，即可实现项目的部署。 由于vue打包后会生成static包、index文件，为了防止打包后混淆，可以在项目的static文件中新建IPConfig.js文件，如： var IPConfig = wind...
Vue3选项式和组合式生命周期说明
最新发布
weixin_44072254的博客
05-16 505
setup -beforeCreate和created的统称，只在composition里面取消这两个，可以在这里进行数据请求。onUpdated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。updated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。beforeUpdate-更新前，可以在此更改数据。
宝塔部署vue和springboot项目
07-25
宝塔面板可以用来部署Vue和Spring Boot项目。对于Vue项目的部署，可以将Vue项目打包后的文件上传到服务器，并配置Nginx来解决请求跨域时的端口转发问题。对于Spring Boot项目的部署，可以将Spring Boot项目打包后部署到服务器上。具体步骤如下： 1. 准备一个腾讯云服务器，并安装宝塔面板。确保服务器上已经配置好LNMP环境，并放好数据库文件和JDK。 2. 打包Vue项目。在本地开发环境中，使用命令行工具进入Vue项目的根目录，然后执行命令`npm run build`来打包Vue项目。打包完成后，会生成一个dist目录，里面包含了打包后的静态文件。 3. 将Vue项目的打包文件上传到服务器。可以使用FTP工具将dist目录上传到服务器上的指定目录，比如/var/www/html。 4. 部署Spring Boot项目。将Spring Boot项目的打包文件上传到服务器上的指定目录，比如/var/www/springboot。 5. 配置Nginx。在宝塔面板中，找到网站管理，添加一个新的网站。将域名指向服务器的IP地址，并设置网站目录为Vue项目的打包文件所在的目录，比如/var/www/html。然后在反向代理设置中，将请求转发到Spring Boot项目的端口，比如8080。 通过以上步骤，就可以实现Vue和Spring Boot项目的部署。用户可以通过访问域名来访问Vue项目，Nginx会将请求转发到Spring Boot项目，实现前后端的分离部署。 #### 引用[.reference_title] - *1* *2* [Spring Boot + Vue 前后端分离项目的部署](https://blog.csdn.net/qq_45716120/article/details/112985281)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [宝塔面板 部署 VUE+Spring Boot前后端分离（腾讯云服务器）](https://blog.csdn.net/m0_47484034/article/details/129580824)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值