vue項目實現(xiàn)通過ip地址訪問和localhost訪問方式
更新時間：2022年09月05日 17:15:27 作者：codernmx
這篇文章主要介紹了vue項目實現(xiàn)通過ip地址訪問和localhost訪問方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue項目通過ip地址訪問和localhost訪問
為了實現(xiàn)vue項目啟動服務，多個人可以查看，別人可以通過ip+端口訪問
在config文件下的index.js文件中，修改host為：
host: '0.0.0.0'，
或者在package.json文件下"scripts"的"dev"后面加上–host 0.0.0.0"
例如：
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
重啟服務可以看到通過localhost和IP地址都可以訪問到這個服務。
vue項目中把localhost改成ip地址訪問
vue2.0項目中 localhost改成ip地址訪問
config/index.js改成
host: '0.0.0.0',? port: 8888,
打包后index.html空白 修改
webpack.prod.conf.js 里的
publicPath:'./',
vue3項目改成ip地址訪問
1.在項目的根目錄下創(chuàng)建文件vue.config.js
2.在該文件中進行相關配置，從而覆蓋默認配置
module.exports = {
? ? outputDir:"course-analysis", //打包后的項目目錄名稱
? ? publicPath: './',
? ? devServer:{
? ? ? ? host: '0.0.0.0',
? ? ? ? port:8888
? ? }
};以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
在elementui中Notification組件添加點擊事件實例
這篇文章主要介紹了在elementui中Notification組件添加點擊事件實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要為大家詳細介紹了vue實現(xiàn)發(fā)表評論功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
vue3編譯報錯ESLint:defineProps is not defined&nbs
這篇文章主要介紹了vue3編譯報錯ESLint:defineProps is not defined no-undef的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue+eslint+vscode配置教程，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
vue-cli使用stimulsoft.reports.js的詳細教程
Stimulsoft?Reports.JS是一個使用JavaScript和HTML5生成報表的平臺。它擁有所有擁來設計，編輯和查看報表的必需組件。該報表工具根據(jù)開發(fā)人員數(shù)量授權(quán)而不是根據(jù)應用程序的用戶數(shù)量。接下來通過本文給大家介紹vue-cli使用stimulsoft.reports.js的方法，一起看看吧2021-12-12
Element-ui tree組件自定義節(jié)點使用方法代碼詳解
本文通過實例代碼給大家介紹了Element-ui tree組件自定義節(jié)點使用方法 ,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09
這篇文章主要介紹了vue中props值的傳遞，在vue中父組件要正向的向子組件傳遞數(shù)據(jù)或者參數(shù)，子組件接收到后根據(jù)參數(shù)的不同來進行對應的渲染，這個正向的數(shù)據(jù)傳遞在vue組件中就是通過props來實現(xiàn)的，需要的朋友可以參考下2009-05-05
這篇文章主要介紹了使用WebStorm開發(fā)Vue3項目的相關資料,本文介紹了在WebStorm中使用Vue3、TypeScript、Sass開發(fā)項目的配置過程,包括版本兼容性問題、項目搭建、依賴包安裝、代碼檢查工具配置、運行和調(diào)試等步驟,需要的朋友可以參考下2024-11-11
這篇文章主要介紹了vue下axios攔截器token刷新機制的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡易折疊面板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10