使用vue-cli3或以上版本创建的项目不再生成config配置文件,需手动创建 vue-config.js

使用 vue-cli3 或以上版本的脚手架创建项目 不再生成config配置文件, 需要手动去创建 vue-config.js 文件,

这里贴一下常用配置模板 方便后续创建项目直接copy

vue.config.js


const target = require('./src/URL')
module.exports = {

  // 项目部署的基本路径
  publicPath: "/",

  // 构建输出路径 ,vue-cli-service build 时生成。
  outputDir: "dist",

  //放置生成的静态资源 (js、css、img、fonts) 和 outputDir 同级。
  assetsDir: "",

  // 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码
  lintOnSave: true,

  //是否使用包含运行时编译器的 Vue 构建版本
  runtimeCompiler: false,

  //是否需要 map
  productionSourceMap: true,

  // 偏向app
  pwa: {},

  devServer: {
    host: 'localhost',// 使用花生壳之类的 需改为 0.0.0.0
    port: '8089', // 端口号
    https: false, // 是否支持https
    open: false, // 配置自动启动浏览器
    disableHostCheck: true, // 使用花生壳之类的 需设为false
    /* 使用代理 */
    proxy: {
      '/api': {
        /* 目标代理服务器地址 */
        target: target.target,
        /* 允许跨域 */
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 调用接口时带 / 使用'' 不带使用 '/',例如 /sys/login 则使用 '' , sys/login 则使用 '/'
        }
      }
    },
  }
}

URL.js

'use strict'
// 跨域请求的地址
var domain = "/api";
// 服务端地址
var target  = "http://localhost:809";

module.exports =  {
  domain:domain,
  target:target,
}

 

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值