Vue将服务器地址设为本地服务器

最新推荐文章于 2023-11-22 09:10:24 发布
最新推荐文章于 2023-11-22 09:10:24 发布
阅读量196 收藏
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AYBAIWAN/article/details/131741773
版权
在Vue项目中，通过vue.config.js文件可以配置代理proxy，将API请求指向本地服务器如http://127.0.0.1:30000，以便在开发阶段解决跨域问题，实现前端和后端的联调。
摘要由CSDN通过智能技术生成

vue.config.js -> 设置代理 poxy -> 设置API地址 target 

将target设为本地服务器：http://127.0.0.1:30000

AYBAIWAN
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目将localhost改成自己的ip访问
u012201879的博客
12-04 3603
找到项目中config文件夹内的index.js，将dev内部的host修改为本地自己的IP地址,然后重启npm run dev dev: { host: '10.100.36.79' }
vue获取实时服务器系统信息,vue获取服务器地址
weixin_30227775的博客
08-11 2534
vue获取服务器地址 内容精选换一换GB28181类型设备在接入VIS时，需要配置VIS对外提供的SIP服务器地址、端口。SIP服务器地址和端口可以在VIS控制台获取，如图1所示。无法正常使用Cloud-init。弹性云服务器获取Metadata的流程如图1所示：获取Metadata流程图您可以按照以下原因进行排查，如果解决完某个可能原因仍未解决问题，请继续排查其他可能原因。检查弹性云服务器是否已...
vue中cdn加速与本地资源混合使用,解决cdn失效问题
weixin_46995731的博客
11-20 3088
vue中cdn加速与本地资源混合使用,解决cdn失效问题 这个问题在写一个移动端项目的时候出现过.引入的cdn资源失效,后来直接下载资源放到本地进行引用.后来在网上查阅资料发现,通过document.write()可以两种方法混合使用,特此记录一下. <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script> <script src="https://cdnjs.clo
vue加载cdn时外部js和本地js混合使用，防止外部js加载不了
reembarkation的博客
04-07 832
vue加载cdn时外部js和本地js混合使用，防止外部js加载不了
webpack 之 搭建 本地服务器 && 环境
玄鱼殇
05-16 2225
webpack 三
vue本地运行如何将localhost换为通过本地ip访问项目
m0_58889179的博客
11-02 1493
修改config文件下面的index文件，将host换为本地ip。
vue 接口请求地址前缀本地开发和线上开发设置方式
11-20
在Vue.js应用开发中，经常会遇到一个问题：如何根据不同的开发环境（本地开发和线上生产环境）设置接口请求的地址前缀。这个问题的核心在于确保在本地开发时，请求不会发送到线上服务器，而在部署到线上后，请求能...
解决vue项目打包上服务器显示404错误,本地没出错的问题
01-22
2、运行，在本地运行没问题，接着打包上服务器，遇到404的错误，如下 这是webpack打包的结果，解决办法如下 1、修改build文件夹下的utils.js文件，大约在51行添加 publicPath:../../ if (options.extract) { ...
Vue 图片压缩并上传至服务器功能
10-15
注意，实际的API地址（'/api/upload'）需要替换为实际的服务器端URL。 以上就是使用Vue、Vant和Canvas实现图片压缩并上传至服务器的完整流程。这个过程包括了图片的选择、压缩、转换以及上传，封装成工具类便于在多...
vue 线上环境和本地开发环境的切换
weixin_46419373的博客
09-22 1661
config/dev.env.js 'use strict' const merge = require('webpack-merge') const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"http://192.168.1.14:8080/api/"' }) config/prod.env.js 'use strict'
vue-element-admin登录（改成本地测试地址）
蚂蚁的博客
03-29 2025
第一步：找到根目录下面的vue.config.js 找到before: require(’./mock/mock-server.js’) 并且注释掉， 加上以下代码 proxy: { [process.env.VUE_APP_BASE_API]: { target: 'http://192.168.1.200:8081', // target: 'http://192.168.1.119:8081', // target: 'http://192.168.1.253:8081',
vue项目 localhost 换成本地ip 访问项目打不开
这是个问题
12-04 659
打开config文件夹下index文件 将host值改为： ‘0.0.0.0’
vue项目在启动时，自动打开浏览器，并且打开地址是自己本地的IP地址
文龙刚的博客
02-03 2307
【代码】vue项目在启动时，自动打开浏览器，并且打开地址是自己本地的IP地址。
vue项目使用自定义域名开启本地服务（ip地址和域名映射）
qq_2511276124的博客
07-04 3711
使用域名访问本地服务。
关于vue跨域
m0_62285976的博客
08-02 1241
代理服务器 是你vue 创建的 localhost：8080 你发现你自己能用localhost：8080 访问网站，说明 vue 内部是给你创建一个服务器的，然后 什么情况下才会跨域，仅仅只是 浏览器ping 远程服务器 才会存在跨域问题，所以得想办法 不用浏览器ping 服务器，所以vue 想的招是， 我自己既然创建了内部服务器， 那我用自己的内部服务器 去ping 远程的服务器，这样就解决了跨域问题，所以 vue 才会给出配置 代理服务器的选项。怎么样 才能解决跨域呢，其实跨域是解决不掉的。...
vue前端项目如何配置后端项目的请求地址
最新发布
m0_69057918的博客
11-22 7639
vue前端项目配置后端项目的请求地址
预防cdn链接失效，无缝切换本地文件
weixin_34097242的博客
11-30 382
如今的前端项目追求的不仅仅是能用能看的程度，而是愈发追求项目的性能，对用户体验的影响。而现在的开发工具在性能优化方面也替我们做很大一部分的工作，想必大家对CDN的使用都是轻车熟路了，但是大家有没有考虑过，万一我们使用的CDN服务器，地址啥的出现了问题，导致我们引用的CDN文件都拿不到了，那么我们的项目崩溃了，天了噜，崩溃了。 因此我们得考...
vue获取本地IP地址 自动配置本地请求地址
代码小疯子
06-28 3030
这个背景是这样的，就是我运行这个 Vue 代码，然后再每次本机运行的时候,我的服务器是也是本地启动的，然后我每换一个环境环境，然后咱们这个IP就变了，所以我希望在我的配置文件中我启动的是调试模式的时候，他自动给我获取获取这个本机的这个地址。...
vue本地开发设置代理连接本地后台服务
多看多听多总结
08-09 2754
vue本地开发设置代理连接本地后台服务
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值