vue项目打包之后接口出现错误解决方式

温情key

于 2022-04-03 20:48:33 发布

阅读量6k

点赞数 3

分类专栏： vue-坑 vue 文章标签：前端 vue.js

本文链接：https://blog.youkuaiyun.com/qq_48960335/article/details/123942034

版权

本文主要介绍了在Vue项目打包后出现接口错误的问题及其解决方案。错误源于打包后的请求方式和环境变量设置不当。解决方法包括：根据Vue官方建议设置环境变量，新增不同环境的配置文件，并调整请求方法。确保在修改后重新启动项目，以确保改动生效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误信息

在这里插入图片描述
这是新建一个项目还原问题，node简单写了个数据返回

关键代码

const express = require('express')
const app = express();


// 解决跨域问题
app.use(function(req, res, next) {
   
    res.header("Access-Control-Allow-Origin", "*");
    res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header(&#