vue 打包项目访问不到后台接口_请问 vue 项目打包部署后不能发送请求是怎么回事...

项目未打包前是可以正常运行的,项目打包后通过 nginx 代理了一下

前端代码是这样写的

发送请求文件

var ip = 'http://192.168.40.130/api';

import axios from 'axios';

/**

* 发送 Post 请求,参数为 Data

* @param url 接口路径

* @param data 参数

* @returns {AxiosPromise}

*/

export function sendPostData(url, data) {

return axios({

url: ip + url,

method: 'POST',

data: data,

headers: {

token: localStorage.getItem("token")

}

})

}

//省略一些,但是大致都差不多

登录组件

import {sendPostJSON} from '../../utils/sendRequest.js'

//省略一些代码

sendPostJSON('/user/login', this.user).then(response => {

if (response.data.resultCode == 1) {

this.$message({

message: response.data.resultMessage,

type: 'success'

});

this.$router.push('/main');

} else {

this.$message({

message: response.data.resultMessage,

type: 'error'

});

}

})

附上一张图

Snipaste_2019-10-13_21-11-11.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值