程序猿99号 2019-02-11 15:23 采纳率: 50%
浏览 19489
已采纳

vue如何获得后台数据并显示?

图片说明

  • 写回答

5条回答 默认 最新

  • niaonao 2019-02-12 09:06
    关注

    一: 跨域问题
    下面贴出部分关键代码, 在前端处理的跨域, 建议后端拦截器设置allow-control-allow-origin= "*" 即可
    图片说明

    vue.config.js

    module.exports = {
      baseUrl: process.env.baseUrl,
      devServer: {
        port: process.env.PORT,
        proxy: {
          '/casLogin': {
            target: process.env.PROXY_TARGET,
            ws: true,
            changeOrigin: true
          }
        }
      }
        ...
    

    .env 配置文件

    #编译模式
    NODE_ENV=development
    
    #基础路径
    baseUrl=/
    
    #启动端口, 前端项目服务端口
    PORT=8033
    
    # 开发环境代理配置, 这里配置本地调试接口
    PROXY_TARGET=http://127.0.0.1:8080/dpWebApi
    # 是否开启DLL预编译
    # true:开启,false:关闭
    DllReferencePlugin=true
    

    //2019-03-28 追加

    二: 前端配置API 请求代理, 转发请求后端API
    (请求代理转发问题)
    1.下面依然是部分代码
    projectName/src/config的http.js
    下配置

    /**
     * API 请求根,可以是完整域名
     * @type {string}
     */
    export const API_ROOT = '/operateApi'
    
    1. projectName/vue.config.js

    Vue 全局配置文件

    module.exports = {
      publicPath: process.env.PUBLIC_PATH,
      devServer: {
        port: process.env.PORT,
        proxy: {
          '/operateApi': {
            target: process.env.PROXY_TARGET,
            ws: true,
            changeOrigin: true,
            pathRewrite: {
              '^/operateApi': ''
            }
          },
          '/casLogin': {
            target: process.env.PROXY_TARGET,
            ws: true,
            changeOrigin: true
          }
        }
      },
        ...
    
    
    1. 开发环境配置文件
    # 编译模式
    NODE_ENV=development
    
    # 基础路径
    PUBLIC_PATH=/
    
    # 启动端口
    PORT=8033
    
    # 开发环境代理配置
    PROXY_TARGET=http://127.0.0.1:8080
    
    # 是否开启DLL预编译
    # true:开启,false:关闭
    VUE_APP_Dll_PLUGIN=true
    
    

    这样请求会访问http://127.0.0.1:8033/operateApi 即访问http://127.0.0.1:8080

    图片说明

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

悬赏问题

  • ¥15 win10,这种情况怎么办
  • ¥15 如何在配置使用Prettier的VSCode中通过Better Align插件来对齐等式?(相关搜索:格式化)
  • ¥100 在连接内网VPN时,如何同时保持互联网连接
  • ¥15 MATLAB中使用parfor,矩阵Removal的有效索引在parfor循环中受限制
  • ¥20 Win 10 LTSC 1809版本如何无损提升到20H1版本
  • ¥50 win10 LTSC 虚拟键盘不弹出
  • ¥30 关于PHP中POST获取数据的问题
  • ¥30 微信小程序请求失败,网页能正常带锁访问
  • ¥30 德飞莱51单片机实现C4炸弹
  • ¥50 CrossLink-LIF-MD6000 型 FPGA 的 CMOS 转 MIPI D-PHY IP 核功能使用异常