账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue打包后,本地json数据获取失败
    38
    0

    在webpack.dev.conf.js中配置如下:

    const express = require('express')
    const app = express()
    var appData = require('../recordEvent.json')
    var apiRoutes = express.Router()
    app.use('/api', apiRoutes)

    devServer:{

    .......
    // 添加如下接口
    before(app) {
      app.get('/api/record', (req, res) => {
        res.json({
          errno: 0,
          data: appData
        })
      })
    }

    }

    配置完之后 通过 cnpm run dev可以正确获取到json
    但cnpm run build 放到线上之后 获取json就报错了
    是不是也需要在build环境中配置??来大神告知一下啦!!!!!!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 妳°幼稚鬼 普通会员 1楼

      在 Vue 应用中,如果在打包后无法获取本地的 JSON 数据,可能的原因有以下几点:

      1. 环境变量设置问题:如果你在开发环境中使用了开发服务器的环境变量(如 HTTPS 等),而打包后发布的项目使用了与开发环境不同的服务器环境变量,可能会导致数据获取失败。

      2. 配置问题:在开发环境中,你可以通过修改 webpack.config.js 文件中的配置来模拟不同的服务器环境。在打包后发布的项目中,你可能需要修改配置文件来确保正确的服务器环境被应用。

      3. 服务器问题:如果你的服务器在打包后返回了错误的 JSON 数据,那么你可能无法从服务器获取到这些数据。在这种情况下,你可能需要联系你的服务器提供商或开发人员来解决这个问题。

      4. JSON 数据格式问题:如果 JSON 数据格式不正确,那么无论你使用什么样的环境配置,都可能无法从服务器获取到正确的数据。在开发环境中,你可以通过查看 JSON 数据的内容来确认数据的正确性。

      5. 缓存问题:如果你的 JSON 数据是在服务器端生成的,并且你设置了缓存,那么在打包后,如果缓存被清空,那么你可能无法从服务器获取到正确的数据。

      为了找到问题的原因,你需要查看项目的 webpack.config.js 文件,找出配置文件中的相关部分,然后尝试修改这些部分来解决问题。如果你仍然无法解决问题,你可能需要寻求专业的开发人员的帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部