zoukankan      html  css  js  c++  java
  • vue-cli4 中的 vue.congfig.js 的基本配置

    一般在 vue.config.js 我们会配置一些代理;或者配置一些 alias 之类的别名,主要用来在项目中方便引入组件。

    vue.config.js 的简单配置:

    // alias 设置路径别名需要引入 path,定义 resolve
    const path = require("path");
    function resolve(dir) {
      return path.join(__dirname, dir)
    }
    module.exports = {
      //代理配置
      devServer: {
        proxy: {
          "/api": {
            target: "http://122.112.250.17:30080/", // 设置你调用的接口域名和端口号 别忘了加http
            pathRewrite: {
              "^/api": "" // 这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可
            }
          },
          "/pdm": {
            target: "http://122.112.250.17:30080/",
            pathRewrite: {
              "^/pdm": "" // 这里理解成用‘/pdm’代替target里面的地址,后面组件中我们掉接口时直接用pdm代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/pdm/user/add’即可
            }
          }
          // ...
        }
      },
      // alias 设置路径别名
      chainWebpack: config => {
        config.resolve.alias
          .set("@views",resolve("src/views"))
          //.set("@util",resolve("src/util"))
          //.set("@serversApi",resolve("src/serversApi"))
          //.set("@components",resolve("src/components"))
      }
    }
  • 相关阅读:
    css3 容器内容垂直居中
    css3 背景图动画一
    C# linq 最大、最小对象的扩展
    线程中为控件赋值Winform
    C#在高分屏上让窗体程序忽略系统的显示缩放
    获取搜索到的内容
    XMLHelper
    获得WebBrowser中的图片数据
    单例模式通用类
    将实体类、匿名对象转换为SqlParameter列表
  • 原文地址:https://www.cnblogs.com/smile-fanyin/p/14830579.html
Copyright © 2011-2022 走看看