vue-cli3中的vue.config.js配置
vue-cli3中的vue.config.js配置
我的跨域是配置通过chrome浏览器的跨域设置,前端修改跨域问题,以此解决跨域的,故没有配置代理;
const path = require('path')
const resolve = (dir) => path.join(__dirname, dir)
module.exports = {publicPath: './', // 打包路径,使用相对路径生成的dist文件夹下的index可以打开outputDir: 'dist', // 输出文件目录productionSourceMap: false, // 取消生成map文件lintOnSave: false, // 配置关闭eslint (代码会有红色热浪提示错 但不影响代码运行)// webpack-dev-server 相关配置devServer: {open: true, // 自动打开浏览器host: '0.0.0.0',/* 设置为0.0.0.0则所有的地址均能访问 */port: 8080, // 端口号https: false, // 是否使用https协议hotOnly: false, // 是否开启热更新proxy: null // 设置代理// proxy: {//这是配置代理的// '/agency-man': {// target: 'https://am-test.zuihuibao.com',// changeOrigin: true// //ws: true,//websocket支持// },// // '/zhb-admin': {// // target: 'https://manager-test.zhbbroker.com/',// // //target: 'http://localhost:8080',// // changeOrigin: true,// // logLevel: 'debug'// // },// }, // 配置多个代理},chainWebpack: config => {config.resolve.alias.set('@', resolve('src')).set('common', resolve('src/common')).set('utils', resolve('src/utils'))}
}
- 另外可以参考一下几篇配置
- 配置1
- 配置2
- 配置3
vue-cli3中的vue.config.js配置相关推荐
- Vue Cli3 项目 vue.config.js 配置
Vue Cli3 项目 vue.config.js 配置 配置优化 一.js文件最小化处理 二.分割代码 三.图片资源压缩 四.开启gzip压缩 先看一下优化配置之前的文件大小 通过vue-cli3脚 ...
- vue-cli3.x( bate版 ) 中 vue.config.js 配置含义
vue-cli3.0 中 vue.config.js 配置含义 在vue-cli3.x( bate版 ) 中有些配置需要自己去配置 需要在最外层同级目录下建立 vue.config.js 文件 下面就 ...
- vue.config.js配置proxy代理解决跨越;proxy代理报404;
像我们本地的vue项目运行起来,访问的地址一般是localhost,这个时候请求后台的接口,端口号也不一致,肯定就会存在跨域问题,所以我们要是想正常访问接口的话,就需要解决掉跨域问题. 本文我们是在v ...
- 【vue.config.js配置configureWebpack的optimization splitChunks页面空白 - DCloud】
vue.config.js配置configureWebpack的optimization splitChunks页面空白 - DCloud问答
- 【Cli下在vue.config.js配置configureWebpack/resolve/alias之无效 - 】
cli下在vue.config.js配置configureWebpack/resolve/alias无效 - DCloud问答
- vue.config.js配置configureWebpack的optimization splitChunks页面空白
确实通过这种方式解决: vue.config.js配置configureWebpack的optimization splitChunks页面空白 - DCloud问答 原因可能是这个: Taro项目 ...
- 如何在VUE项目中添加使用LivePlayer.js直播点播H5免费播放器
在VUE项目中添加使用LivePlayer.js直播点播H5免费播放器 1.复制依赖文件 1.1 示例 通过 webpack 插件自动复制依赖 1.1.1.编辑你的 webpack.config.js ...
- 在vue项目中使用高德地图JS API
在vue项目中使用高德地图JS API,而不是amap依赖包~ 一. 必做的准备工作 注册账号并申请key 首先,注册开发者账号,成为高德开放平台开发者 登陆之后,在进入「应用管理」 页面「创建新应用 ...
- vue cli项目升级--vue cli3升级到vue cli4
原文网址:vue cli项目升级--vue cli3升级到vue cli4_IT利刃出鞘的博客-CSDN博客 简介 说明 本文介绍如何升级vue项目的vue cli版本. 官方网址 https://c ...
最新文章
- (一)Android Studio 安装部署 华丽躲坑
- Java中主线程如何捕获子线程抛出的异常
- C语言多种方法实现同一个功能
- 最快解决在win下杀死端口号的方式
- com 组件调用不起来_Spring Cloud Alibaba,分布式服务调用(四)
- 2018上C语言程序设计(高级)作业-第0次作业
- 一个完整的嵌入式程序_嵌入式入门-从STM32CudeMX、FreeRtos、Proteu仿真开始
- HTML中meta的作用
- Leetcode之整数反转
- HD Tune Pro硬盘检测工具官方版
- 电脑加域、exchange邮箱设置、绑定打印机
- pdfbox pdf转图片中的字体问题
- 数据分析师岗位 分析可视化
- python系列:玩转大家来找茬
- 解读后天性学者症候群:怎么一闷棍砸出个天才?
- opencv 场景文字识别
- 谢惠民恽自求易法槐钱定边数学分析习题课讲义第2版上册全部思考题练习题参考题解答...
- mysql下载32位安装教程_MySQL下载安装教程
- 被ddos攻击,附加IP有作用吗
- 友盟 推特分享错误
热门文章
- SpringSide示例之HelloWorld
- python db2查询_如何将DB2查询转换为python脚本
- 5分钟内完成胸部CT扫描机器学习
- 深度学习数据扩张_适用于少量数据的深度学习结构
- wp博客写文章500错误_500多个博客文章教我如何撰写出色的文章
- .net 初学者_在此初学者课程中学习使用TensorFlow 2.0开发神经网络
- 事件捕获(capture)和冒泡事件(Bubble)
- linux shell的单行多行注释
- 59.排序好的大数据创建索引文件,并实现大文件的二分查找,根据索引百万数据秒读数据...
- C#之out和ref区别