最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

解決Vue-cli3沒有vue.config.js文件夾及配置vue項目域名的問題

 更新時間:2020年12月04日 10:06:41   作者:Winson℡  
這篇文章主要介紹了解決Vue-cli3沒有vue.config.js文件夾及配置vue項目域名的問題,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下

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

module.exports = {
 // 基本路徑 baseURL已經(jīng)過時
 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: {},
 // 生產(chǎn)環(huán)境是否生成 sourceMap 文件
 productionSourceMap: true,
 // css相關(guān)配置
 css: {
  // 是否使用css分離插件 ExtractTextPlugin
  extract: true,
  // 開啟 CSS source maps?
  sourceMap: false,
  // css預(yù)設(shè)器配置項
  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 插件相關(guān)配置
 // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
 pwa: {},
 // webpack-dev-server 相關(guān)配置
 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: {}配置這兩個參數(shù):

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

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

在這里插入圖片描述

重啟項目==>使用域名加端口號訪問:http://www.test.com:1234

到此這篇關(guān)于解決Vue-cli3沒有vue.config.js文件夾及配置vue項目域名的文章就介紹到這了,更多相關(guān)Vue-cli3沒有vue.config.js文件夾內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue實現(xiàn)的上傳圖片到數(shù)據(jù)庫并顯示到頁面功能示例

    vue實現(xiàn)的上傳圖片到數(shù)據(jù)庫并顯示到頁面功能示例

    這篇文章主要介紹了vue實現(xiàn)的上傳圖片到數(shù)據(jù)庫并顯示到頁面功能,結(jié)合實例形式分析了基于vue.js的數(shù)據(jù)庫操作及頁面圖片顯示相關(guān)操作技巧,需要的朋友可以參考下
    2018-03-03
  • vue3+el-table封裝示例詳解(編輯、刪除、查看詳情按鈕一起封裝)

    vue3+el-table封裝示例詳解(編輯、刪除、查看詳情按鈕一起封裝)

    在Vue3中,利用Element?Plus?UI庫封裝表格組件,實現(xiàn)編輯、刪除和查看詳情的功能,通過定義tableData和tableDataHeader來管理表格數(shù)據(jù)和表頭,其中tableData通常從后端獲取,而tableHeader可根據(jù)具體需求自定義,感興趣的朋友跟隨小編一起看看吧
    2024-09-09
  • 一文詳析vue3?Props的用法(父傳子)

    一文詳析vue3?Props的用法(父傳子)

    這篇文章主要給大家介紹了關(guān)于vue3?Props的用法(父傳子)的相關(guān)資料,在Vue3中Props用于組件間數(shù)據(jù)傳遞,允許類型檢查和默認(rèn)值設(shè)置,文中將用法介紹的非常詳細(xì),需要的朋友可以參考下
    2024-10-10
  • vue實現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并

    vue實現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并

    今天小編就為大家分享一篇vue實現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • 一步步帶你用vite簡單搭建ts+vue3全家桶

    一步步帶你用vite簡單搭建ts+vue3全家桶

    Vue3與TS的聯(lián)合是大趨勢,下面這篇文章主要給大家介紹了關(guān)于用vite簡單搭建ts+vue3全家桶的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-07-07
  • vue自定義實例化modal彈窗功能的實現(xiàn)

    vue自定義實例化modal彈窗功能的實現(xiàn)

    這篇文章主要介紹了vue自定義實例化modal彈窗,Vue.extend 屬于Vue的全局 api,在實際業(yè)務(wù)開發(fā)中我們很少使用,因為相比常用的 Vue.component寫法使用 extend 步驟要更加繁瑣一些,本文結(jié)合實例代碼給大家介紹的非常詳細(xì),需要的朋友參考下
    2022-09-09
  • Vue狀態(tài)機的開啟與停止操作詳細(xì)講解

    Vue狀態(tài)機的開啟與停止操作詳細(xì)講解

    Vuex是專門為Vuejs應(yīng)用程序設(shè)計的狀態(tài)管理工具,這篇文章主要給大家介紹了關(guān)于Vuex狀態(tài)機快速了解與實例應(yīng)用的相關(guān)資料,需要的朋友可以參考下
    2023-01-01
  • Vue數(shù)據(jù)更新視圖未更新的幾種解決方案

    Vue數(shù)據(jù)更新視圖未更新的幾種解決方案

    本文主要介紹在vue項目中,遇到數(shù)據(jù)更新但視圖不更新的情況時,無法使用watch監(jiān)聽、無法使用this.$set方法,同時使用this.$forceUpdate()無效時,所使用的解決方案,需要的朋友可以參考下
    2024-02-02
  • vue中electron框架自定義外部配置文件的配置與讀取辦法

    vue中electron框架自定義外部配置文件的配置與讀取辦法

    使用Electron開發(fā)本地跨平臺的本地程序時,有時需要添加一些程序的配置文件,下面這篇文章主要給大家介紹了關(guān)于vue中electron框架自定義外部配置文件的配置與讀取的相關(guān)資料,需要的朋友可以參考下
    2023-12-12
  • vue使用element-ui實現(xiàn)表單驗證

    vue使用element-ui實現(xiàn)表單驗證

    這篇文章主要為大家詳細(xì)介紹了vue使用element-ui實現(xiàn)表單驗證,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-12-12

最新評論

开阳县| 沧源| 滨州市| 开化县| 阳曲县| 永宁县| 淮阳县| 内江市| 宝应县| 新营市| 罗江县| 阳山县| 山阴县| 宝兴县| 辽中县| 盐边县| 额尔古纳市| 杭州市| 隆昌县| 内江市| 高州市| 丰原市| 方正县| 桓台县| 罗甸县| 靖宇县| 陕西省| 沭阳县| 青龙| 夹江县| 桑日县| 保德县| 化州市| 江孜县| 庄浪县| 治县。| 江城| 玉屏| 青海省| 林甸县| 高淳县|