vue3.0代理配置以及接口封装

最新推荐文章于 2024-08-08 10:50:24 发布

灵性成长

最新推荐文章于 2024-08-08 10:50:24 发布

阅读量2.2k

点赞数 3

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/x_Yanger/article/details/106079274

版权

本文介绍了在Vue3.0中如何手动配置vue.config.js进行代理设置，以解决跨域问题。同时，文章详细讲解了接口封装的方法，包括创建request.js文件和如何进行接口调用。

摘要由CSDN通过智能技术生成

vue3.0代理配置以及接口封装
1.首先vue3.0是没有vue.config.js这个文件的，所以需要我们自己配置
在主目录下创建一个vue.config.js页面

//vue.config.js
const path = require("path");
const resolve = function(dir) {
   
  return path.join(__dirname, dir);
};
module.exports = {
   
  publicPath: process.env.NODE_ENV === "production" ? "./" : "./",
  outputDir: "dist",
  assetsDir: "static",
  lintOnSave: true, // 是否开启eslint保存检测
  productionSourceMap: false, // 是否在构建生产包时生成sourcdeMap
  chainWebpack: config => {
   
    config.resolve.alias
      .set("@", resolve(