vue.config.js文件——配置参考

最新推荐文章于 2024-08-08 22:20:54 发布

viceen

最新推荐文章于 2024-08-08 22:20:54 发布

阅读量415

点赞数

分类专栏： node-axios 文章标签： vue js

本文链接：https://blog.csdn.net/weixin_44867717/article/details/116403852

版权

node-axios 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue项目的配置文件vue.config.js，包括启用运行时编译器、关闭保存时的lint检查、设置打包输出目录、忽略依赖项转译以及配置开发服务器的自动启动、端口、跨域代理等。特别是跨域代理部分，通过proxy设置了/api接口的目标地址，实现对'http://10.88.155.45:9910/rest/'的代理，确保本地开发时的数据交互。

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

vue.config.js文件——配置参考


// vue.config.js文件详解
module.exports = {
    //本地验证接口时用
    //—————————————————--------------------------------------------
  
    runtimeCompiler: true, //是否使用包含运行时编译器的Vue内核版本
    lintOnSave: false,
    //publicPath: '/dist/',
    //outputDir: './dist',
    transpileDependencies: [
      'vue-socket.io',
      'vue-echarts',
      'resize-detector',
    ],
    devServer: {  // 所有 webpack-dev-server 的选项都支持
      open: true,   //配置自动启动浏览器
      // host: 'localhost',
      host: '0.0.0.0',  // 本地ip地址
      port: 8080,  // 端口号
      hot: true,   // 自动打开浏览器
      disableHostCheck: true,
      https: false,
      //以上的ip和端口是我们本机的;下面为需要跨域的
      proxy: {  //  跨域代理 
        //配置跨域
        '/api': {
          target: 'http://10.88.155.45:9910/rest/', // 目标代理服务器地址
          // target: 'http://localhost:3000/rest/', //node模拟数据：这里后台的地址模拟的;应该填写你们真实的后台接口
          ws: true,  //  如果要代理 websockets，配置这个参数
          changOrigin: true, //允许跨域
          pathRewrite: {
            '^/api': '' //请求的时候使用这个api就可以   去掉接口地址中的api字符串
          }
        }
      }
    }
  }