1. 第一步 vue.config.js更改
devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, proxy: { [process.env.VUE_APP_BASE_API]: { target: 'https://way.jd.com',//配置京东万象的地址 changeOrigin: true, pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: '' } } }, before: require('./mock/mock-server.js') },
2.第二步,配置.env.development
文件 设置VUE_APP_BASE_API
为空
# base api
#VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = ''
第3步
import request from '@/utils/request' //@表示跟目录src
// 查询京东get
export function querytestForPage() {
return request({
url: '/api/jisuapi/get?channel=%E5%A4%B4%E6%9D%A1&num=10&start=0&appkey=f41add969514932c721cbdc45f6a15ea',
method: 'get',
})
}
// 收费
export function collectFee(registrationId) {
return request({
url: '/doctor/registration/collectFee/' + registrationId,
method: 'post'
})
}
第4步导入
<script>
import {querytestForPage} from '@/api/test/test'
methods: {
jizhen(){
querytestForPage().then(res => {
this.jiekouData= res.result.result;
console.log( this.jiekouData)
}).catch(()=> {
console.log(+"------------")
console.log("接口调用错误")
})
//请求的路径为http://localhost:9527/jisuapi/get?channel=%E5%A4%B4%E6%9D%A1&num=10&start=0&appkey=f41add969514932c721cbdc45f6a15ea
地址如果配置会 VUE_APP_BASE_API的值变为为http://localhost:9527+''+jisuapi/get?channel=%E5%A4%B4%E6%9D%A1&num=10&start=0&appkey=f41add969514932c721cbdc45f6a15ea