首页 > 其他分享 >Vue之vue.config.js配置文件

Vue之vue.config.js配置文件

时间:2022-12-25 22:24:24浏览次数:53  
标签:vue 配置文件 config js Vue true localhost

  1. 使用vue inspect > output.js可以查看到Vue脚手架的默认配置。
  2. 使用vue.config.js可以对脚手架进行个性化定制,详情见:https://cli.vuejs.org/zh

其中这个配置文件需要和package.json是同一级的:

 

 简单示例:

module.exports = {
  pages: {
    index: {
      //入口
      entry: 'src/main.js',
    },
  },
    lintOnSave:false, //关闭语法检查
    //开启代理服务器(方式一)
    /* devServer: {
    proxy: 'http://localhost:5000'
  }, */
    //开启代理服务器(方式二)
    devServer: {
    proxy: {
      '/atguigu': {
        target: 'http://localhost:5000',
                pathRewrite:{'^/atguigu':''},
        // ws: true, //用于支持websocket
        // changeOrigin: true //用于控制请求头中的host值
      },
      '/demo': {
        target: 'http://localhost:5001',
                pathRewrite:{'^/demo':''},
        // ws: true, //用于支持websocket
        // changeOrigin: true //用于控制请求头中的host值
      }
    }
  }
}

 

标签:vue,配置文件,config,js,Vue,true,localhost
From: https://www.cnblogs.com/anjingdian/p/17004754.html

相关文章

  • 【Vue.js入门到实战教程】12-在 Laravel 项目中编写单文件 Vue 组件
    我们在《​​【Vue.js入门到实战教程】11-VueLoader(下)|编写一个单文件Vue组件​​》中演示了如何在VueCLI原型项目中编写单文件Vue组件并进行编译,不过VueCLI是......
  • Vue之Render函数
    关于不同版本的Vue:   1.vue.js与vue.runtime.xxx.js的区别:      (1).vue.js是完整版的Vue,包含:核心功能+模板解析器。      (2).vue.runt......
  • Vue基础 · 父子组件之间的交互(5)
     1、父子组件交互<body><divid="app"><!--子组件接收到”change"方法,绑定父组件的方法--><number@change="countAdd"></number><number@change="co......
  • Vue分析脚手架
     分析脚手架 首先打开创建的vue_test项目,其中main.js:该文件是整个项目的入口文件  内容解释: /*该文件是整个项目的入口文件*///引入VueimportVuefrom......
  • k8s--配置存储 ConfigMap、Secret
    介绍ConfigMap是一种API对象,用来将非机密性的数据保存到健值对中。使用时可以用作环境变量、命令行参数或者存储卷中的配置文件。ConfigMap将环境配置信息和容器镜像......
  • Jeecgboot-Vue3 v1.2.0 版本正式发布,企业级低代码平台
    项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。Je......
  • Vue 自定义菜单组件
    第一步:创建组件  数源 子组件接收父页面传值用的是props props:['menuList']; 第二部使用组件 1.使用import导入组件 importtreeMenufrom'........
  • Vue单文件组件以及脚手架
    .vue文件结构<template><!--写页面结构代码--></template><script><!--写组件交互代码--></script><style><!--写组件页面的样式代......
  • Vue非单文件组件
     非单文件组件 就是一个文件中有多个组件 Vue中使用组件的三大步骤:          一、定义组件(创建组件)          二、注......
  • Vue 中的 nextTick 有什么作用?
    大家好,我是CoderBin前言这段时间在写Vue的项目,有些地方难免会用到nextTick的地方,所以本文将浅析nextTick的作用、使用场景和背后的原理实现,希望对大家有所帮助,谢谢!如果文......