• vue-elementui-admin跨越和接口格式问题


    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
    
    
  • 相关阅读:
    报表设计器的使用之一:入门
    统计图开发之二:点图元
    统计图开发之一:画法定义
    集算器之五:序表
    集算器之四:程序流程
    忏悔录
    请不要离我而去
    所想和所做 所梦和所成
    做出改变,不断改变。
    Linux 操作命令
  • 原文地址:https://www.cnblogs.com/javakangkang/p/14005637.html
Copyright © 2020-2023  润新知