国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vite搭建vue3項目本地環(huán)境自定義域名及端口配置

這篇具有很好參考價值的文章主要介紹了vite搭建vue3項目本地環(huán)境自定義域名及端口配置。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

本blog講述的是vite直接創(chuàng)建的vue3的項目的本地環(huán)境自定義域名配置。

windows

首先配置本地的一個域名代理指向。
在windows環(huán)境下host文件的位置是 C:\Windows\System32\drivers\etc
我們需要打開目錄下的hosts文件然后在
其中找到127.0.0.1然后在后面追加一行

127.0.0.1			localhost
127.0.0.1 		ericzhang528.com # 將此域名指向127.0.0.1本地環(huán)境
Mac

在mac系統(tǒng)中我們需要打開終端
然后輸入

sudo vim /etc/hosts

此時可能會需要你輸入電腦密碼

然后同Windows一樣添加域名指向
不過不同的是最好是再刷新一下

source /etc/hosts

此時mac系統(tǒng)可能會有個小坑,我們一并處理了
使用 comman + space鍵 搜索代理(M1和Intel的系統(tǒng)貌似不同,有些設(shè)置不好找就直接搜索了)
vite搭建vue3項目本地環(huán)境自定義域名及端口配置
然后找到下面忽略那一欄目中,添加自己設(shè)置的代理域名,避免過后出現(xiàn)502報錯

vite搭建vue3項目本地環(huán)境自定義域名及端口配置

配置自定義域名

此時我們可以打開我們的vite創(chuàng)建的項目了,打開vite.config.js,直接輸入如下配置即可,運行項目即可達(dá)到自定義域名的一個目的了
vite搭建vue3項目本地環(huán)境自定義域名及端口配置文章來源地址http://www.zghlxwxcb.cn/news/detail-459878.html

到了這里,關(guān)于vite搭建vue3項目本地環(huán)境自定義域名及端口配置的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 02_使用Vite搭建Vue3項目

    02_使用Vite搭建Vue3項目

    首先插件添加:Live Server、Vue - Official、Vue VSCode Snippets、別名路徑跳轉(zhuǎn) 官網(wǎng):Vite | 下一代的前端工具鏈 (vitejs.dev) 1.創(chuàng)建一個文件夾VueApp,運行cmd轉(zhuǎn)到該目錄下,執(zhí)行命令:npm create vite@latest 2.然后轉(zhuǎn)到vuedemo目錄下命令:cd vuedemo, 3.執(zhí)行命令:npm install。文件夾內(nèi)會新添加no

    2024年04月08日
    瀏覽(25)
  • vue3 項目搭建教程(基于create-vue,vite,Vite + Vue)

    vue3 項目搭建教程(基于create-vue,vite,Vite + Vue)

    目錄 一、搭建vue3 項目前提條件 二、通過create-vue搭建vue3 項目 三、搭建一個 Vite 項目 四、構(gòu)建一個 Vite + Vue 項目 五、打開Vue 項目管理器 六、Vite + Vue 項目目錄結(jié)構(gòu) 七、Vite.config.ts配置 前提條件 熟悉命令行 已安裝 16.0 或更高版本的 Node.js 同時按window+R鍵,輸入cmd,打開命令提

    2024年01月21日
    瀏覽(17)
  • vue3和vite項目在scss中因為本地圖片,不用加~

    vue3和vite項目在scss中因為本地圖片,不用加~

    看了很多文章說要加~,真的好坑哦,我的加了~反而出不來了: 304 Not Modified 所以需要去掉~: 直接引入就好:

    2024年01月25日
    瀏覽(29)
  • vue3 + Tailwind Css + Vite 搭建快速開發(fā)前端樣式環(huán)境

    vue3 + Tailwind Css + Vite 搭建快速開發(fā)前端樣式環(huán)境

    一個功能類優(yōu)先的 CSS 框架,用于快速構(gòu)建定制的用戶界面。這是來自 TailwindCss 官方定義。 中文網(wǎng)站 Tailwindcss 基于原子化理念,將樣式重復(fù)性代碼降到最小,原本開發(fā)最大限度基于類名的聲明塊不重復(fù),現(xiàn)在Tailwindcss基于單獨一句聲明不重復(fù)。 活躍度 github starts 數(shù)量達(dá)到

    2024年02月04日
    瀏覽(29)
  • vite+vue3+cesium大屏數(shù)據(jù)可視化項目——第一章:搭建項目

    vite+vue3+cesium大屏數(shù)據(jù)可視化項目——第一章:搭建項目

    目錄 系列文章目錄 前言 一、搭建項目 1.檢查node版本號 2.搭建vue3項目 二、配置cesium 1.前期準(zhǔn)備 2.安裝cesium 3.引入cesium 4.初始化頁面 總結(jié) ? 這幾年智慧城市、數(shù)字孿生、數(shù)字可視化這些高級詞匯可太多啦,招聘簡介上也有很多要求會webGis等相關(guān)經(jīng)驗,所以我覺得最近來學(xué)一

    2024年02月07日
    瀏覽(31)
  • VIte+Vue3 打包在FIle本地index.html打開項目(不需要起服務(wù))

    參考原文鏈接:https://www.jianshu.com/p/41dc11b94c92,增加了一些問題處理。 一、安裝插件 二、配置 vite.config.js 三、路由配置(可選) 如果你配置了路由, history 選 createWebHashHistory() 即可。 四、修改打包后的 index.html 配置完前三個以后,就可以進(jìn)行打包了。 下面的那兩個報錯,

    2023年04月22日
    瀏覽(28)
  • 使用 Vite + Vue3 + Element-Plus + Pinia + Ts 搭建 Vue3 項目

    使用 Vite + Vue3 + Element-Plus + Pinia + Ts 搭建 Vue3 項目

    Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依賴更高的 Node 版本才能正常運行,當(dāng)你的包管理器發(fā)出警告時,請注意升級你的 Node 版本。 首先 npm 輸入: Project name :項目名稱 Select a framework :選擇一個框架 Select a variant :選擇 ts 或者 js 輸入項目名稱后選擇 vue 選擇

    2024年02月09日
    瀏覽(26)
  • vue3初始搭建項目完整教程 vue3 + vite + element-ui + axios

    vue3初始搭建項目完整教程 vue3 + vite + element-ui + axios

    1. 安裝 2. 創(chuàng)建目錄 3. 在router下新增index.js 4.修改main.ts 1. 新增文件夾 2. 新增Home.vue和About.vue 1. 修改app.vue 1.unplugin-auto-import 2. 在vite.config.js中引入 1.安裝element-ui 2. 按需導(dǎo)入 3.在vite.config.js新增插件 4.測試是否引入成功 5.如果報錯 1. 網(wǎng)上下載reset.css 2.在assets中新增css文件夾 3.將

    2024年02月16日
    瀏覽(55)
  • 手把手完成前端Vue3 + Vite項目工程化搭建

    基于 Vue3 + Vite 搭建的前端工程化項目演示模板 開發(fā)環(huán)境: Node.js v16.14.2 + npm v8.3.2 開發(fā)工具: Visual Studio Code or WebStorm 源代碼管理: Git npm鏡像: npm config set registry https://registry.npmmirror.com 技術(shù)棧 描述 Vue 漸進(jìn)式 JavaScript 框架 Vite 新一代前端開發(fā)與構(gòu)建工具 Element Plus 基于 Vue

    2024年04月11日
    瀏覽(30)
  • vue3+ts+vite 搭建uniapp項目(微信小程序)

    vue3+ts+vite 搭建uniapp項目(微信小程序)

    模板下載: uniapp 官網(wǎng)通過vue-cli 命令行創(chuàng)建uniapp,參考uni-app官網(wǎng),使用? npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project 下載模板; 安裝css預(yù)處理 sass: 項目終端輸入: yarn add node-sass@^4.0.0 sass-loader@^10.0.1 sass (模板沒有默認(rèn)安裝sass, 如果不安裝直接使用會報錯) ?安裝uni-ui組件

    2024年02月09日
    瀏覽(51)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包