vue本地调用服务器接口跨域问题,也就是localhost:8080调用http://10.100.55.110:8000/api/userauth的跨域问题

本文介绍如何在Vue本地开发环境中解决跨域问题,通过配置vue的config/index.js文件设置代理来实现。具体操作是设置proxyTable,将本地请求映射到远程服务器接口,例如将'/ctx'映射到'http://10.100.55.110:8000/api/userauth',并在Vue组件中使用axios调用接口。示例代码展示了login.vue组件中如何发送登录请求。
摘要由CSDN通过智能技术生成

其实,只需要配置vue的config/index.js文件就行了,其他的axios的baseURL不用管,不写。代码如下:

// see http://vuejs-templates.github.io/webpack for documentation.

'use strict'

var path = require('path')

module.exports = {

build: {

env: require('./prod.env'),

index: path.resolve(__dirname, '../dist/index.html'),

assetsRoot: path.resolve(__dirname, '../dist'),

assetsSubDirectory: 'static',

assetsPublicPath: '/',

productionSourceMap: true,

productionGzip: false,

productionGzipExtensions: ['js', 'css'],

bundleAnalyzerReport: process.env.npm_config_report

},

dev: {

env: require('./dev.env'),

port: 8080,

autoOpenBrowser: true,

assetsSubDirectory: 'static',

assetsPublicPath: '/',

proxyTab

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

1092665276

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值