解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题


Posted in Vue.js onDecember 04, 2020

1.在vue项目根目录下新建vue.config.js(不是在src下面)
vue.config.js配置文件:

module.exports = {
 // 基本路径 baseURL已经过时
 publicPath: './', 
 // 输出文件目录
 outputDir: 'dist',
 // eslint-loader 是否在保存的时候检查
 lintOnSave: true,
 // use the full build with in-browser compiler?
 // https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
 // compiler: false,
 // webpack配置
 // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
 chainWebpack: () => {},
 configureWebpack: () => {},
 // vue-loader 配置项
 // https://vue-loader.vuejs.org/en/options.html
 // vueLoader: {},
 // 生产环境是否生成 sourceMap 文件
 productionSourceMap: true,
 // css相关配置
 css: {
  // 是否使用css分离插件 ExtractTextPlugin
  extract: true,
  // 开启 CSS source maps?
  sourceMap: false,
  // css预设器配置项
  loaderOptions: {},
  // 启用 CSS modules for all css / pre-processor files.
  modules: false
 },
 // use thread-loader for babel & TS in production build
 // enabled by default if the machine has more than 1 cores
 parallel: require('os').cpus().length > 1,
 // 是否启用dll
 // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
 // dll: false,
 // PWA 插件相关配置
 // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
 pwa: {},
 // webpack-dev-server 相关配置
 devServer: {
  open: process.platform === 'darwin',
  disableHostCheck: true,
  host: 'www.test.com',//如果是真机测试,就使用这个IP
  port: 1234,
  https: false,
  hotOnly: false,
  before: app => {}
 },
 // 第三方插件配置
 pluginOptions: {
  // ...
 }
 }

2.配置域名:
在vue.config.js文件找到 devServer: {}配置这两个参数:

host: 'www.test.com',//自定义域名
 port: 1234,//自定义端口

在本地hosts末尾添加127.0.0.1 www.test.com

解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题

重启项目==>使用域名加端口号访问:http://www.test.com:1234

到此这篇关于解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的文章就介绍到这了,更多相关Vue-cli3没有vue.config.js文件夹内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Vue.js 相关文章推荐
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 Vue.js
vue中利用three.js实现全景图的完整示例
Dec 07 Vue.js
vue实现图片裁剪后上传
Dec 16 Vue.js
vue 数据操作相关总结
Dec 17 Vue.js
详解Vue的异步更新实现原理
Dec 22 Vue.js
vue3.0中友好使用antdv示例详解
Jan 05 Vue.js
vue+elementui通用弹窗的实现(新增+编辑)
Jan 07 Vue.js
vuex的使用和简易实现
Jan 07 Vue.js
vue-video-player 断点续播的实现
Feb 01 Vue.js
vue+django实现下载文件的示例
Mar 24 Vue.js
Vue实现导入Excel功能步骤详解
Jul 03 Vue.js
Vue组件化(ref,props, mixin,.插件)详解
May 15 Vue.js
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 #Vue.js
vue使用echarts图表自适应的几种解决方案
Dec 04 #Vue.js
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 #Vue.js
如何正确解决VuePress本地访问出现资源报错404的问题
Dec 03 #Vue.js
vue表单验证之禁止input输入框输入空格
Dec 03 #Vue.js
对vue生命周期的深入理解
Dec 03 #Vue.js
用vue设计一个日历表
Dec 03 #Vue.js
You might like
PHP提取中文首字母
2008/04/09 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
Thinkphp中Create方法深入探究
2014/06/16 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
表单元素事件 (Form Element Events)
2009/07/17 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
js中符号转意问题示例探讨
2013/08/19 Javascript
jquery单选框radio绑定click事件实现方法
2015/01/14 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
2015/09/20 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
2016/01/23 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
2016/02/17 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
百度小程序自定义通用toast组件
2019/07/17 Javascript
electron-vue开发环境内存泄漏问题汇总
2019/10/10 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
python中文乱码的解决方法
2013/11/04 Python
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
Python中__repr__和__str__区别详解
2019/11/07 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
Selenium获取登录Cookies并添加Cookies自动登录的方法
2020/12/04 Python
俄罗斯最大的灯具网站:Fandeco
2020/03/14 全球购物
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
WEB控件及HTML服务端控件能否调用客户端方法?如果能,请解释如何调用?
2015/08/25 面试题
两道JAVA笔试题
2016/09/14 面试题
居委会个人对照检查材料思想汇报
2014/09/29 职场文书
离职报告范文
2014/11/04 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
护士个人年终总结
2015/02/13 职场文书