vue實戰開發002:區域網中訪問vue-cli專案
專案準備上線了,後期交給另一個團隊負責,在部署伺服器前人家要先了解下我們的專案情況,所以需要登入,由於是內網環境,所以對方可以直接訪問我的電腦ip來訪問我的本地專案,但是在開發時我們設定的是localhost也就是127.0.0.1訪問本地專案,其他人想訪問時無法訪問的,這時我們就需要對vue進行下配置了。
先找到自己的ip,執行中輸出cmd,然後執行ipconfig/all就可以找到自己的本地ip
然後在專案根目錄中找到package.json
檔案,開啟進行配置,改變繫結的ip,開啟package.json
,找到scripts
下的dev
--host 10.148.85.115
最後重啟我們的vue專案即可:npm run dev
這樣我們就可以在瀏覽器上通過 http://10.148.85.115:8080
相關推薦
vue實戰開發002:區域網中訪問vue-cli專案
專案準備上線了,後期交給另一個團隊負責,在部署伺服器前人家要先了解下我們的專案情況,所以需要登入,由於是內網環境,所以對方可以直接訪問我的電腦ip來訪問我的本地專案,但是在開發時我們設定的是localhost也就是127.0.0.1訪問本地專案,
vue實戰開發001:如何去除路徑中的 #/
我們在採用vue-cli 自動構建的vue腳手架開發專案時,前後端分離一般會使用vue-router來配置路由,這時我們會發現在路徑中會有#的欄位,總感覺很彆扭。 http://localhost:8080/#/ 其實vue-rou
Vue.js高仿餓了麼外賣App Vue實戰開發APP 共13章
講真,JavaScript應用之廣超乎想象JavaScript進階已來,你來不來!搞定JavaScript基礎以後,怎麼辦JavaScript在效能方面堪稱全能,應用領域從基本的前後端開發、到移動開發的Webapp、再到桌面、外掛開發等均可適用。本路徑是JavaScript的
【Vue實戰之路】一、Vue-cli全面詳解及進階操作。
image 腳本 js基礎 這一 命令執行 bsp row 編譯 服務器 全面的Vue-cli學習,這一篇就夠了! 一、下載 使用vue-cli前,需先安裝node.js,node的安裝就不贅述,不過在此需要註意: 1. node版本需在4.x以上,首推6.x以上版本
怎樣在Win7系統中搭建Web伺服器,並在區域網中訪問
第一步:開啟控制面板 第二步:進入<程式> 第三步:開啟或關閉windows功能 第四步:點選展開Internet資訊服務,全部都選中 第五步:關閉防火牆,並開啟全球資訊網服務(http)
Python實戰開發之Pyramid Web框架在商城專案中的應用教程
第一講:Python基礎和入門介紹(Web開發基礎) 介紹Web開發技術和Python語言的基礎知識。通過本講的學習,學員可以瞭解Python Web開發技術的基礎和相關常識,為後續學習打下基礎。 第二講:Python語言基礎(運算子與表示式,控制流,函式,模組) 在第一講的基礎上繼續深入學習Pyth
【專案管理】使用SVN客戶端搭建可以在區域網中訪問的SVN本地庫,類似區域網的SVN伺服器
參考: TortoiseSVN 取消日誌最小長度限制 http://blog.csdn.net/templar1000/article/details/39345057 svn 要求強制寫日誌 http://www.makaidong.com/%E5%8D%9A%E5%A
使用VS2017開發APP中使用VUE.js開發遇到打包出來的android文件 在低版本的android(4.3)中無法正常使用
vue.js 文件 默認 項目 let ons dir file 開發app 使用VS2017開發VUE的APP應用遇到的問題集合 1, 打包出來的apk文件在Android 6.0版本以上手機可以正常打開,在Android 4.3版本手機上無法打開 原因:一開
vue 本地開發時使用localhost與ip訪問
port || tst str 刪除cookie 本地ip name spl etc 修改config文件夾下面的index.js配置,將localhost改為0.0.0.0就可以了。用ip,127.0.0.1,localhost均行 host: ‘0.0.0.0‘, /
vue——同一區域網內訪問專案
1、想要在手機上訪問本地的vue專案,首先要保證手機和電腦處在同一區域網內(連著同一個無線網) 2、將你電腦的ip設定為固定ip(ipcinfig查詢本地的ip,然後修改它,改為你想變的數字) 3、在vue專案中的 config檔案中的index.js內,將host的配置改為
從壹開始前後端分離 [ Vue2.0+.NET Core2.1] 二十一║Vue實戰:開發環境搭建【詳細版】
緣起 哈嘍大家好,兜兜轉轉終於來到了Vue實戰環節,前邊的 6 篇關於Vue基礎文章我剛剛簡單看了看,感覺寫的還是不行呀,不是很系統,所以大家可能看上去比較累,還是得抽時間去潤潤色,修改修改語句和樣式,至少也得對得住粉絲哈,應該給部落格園官方提個小建議,要是能允許好友或者其他人修改文章的功能就好了,比如百
Vue+Django API前後端分離開發電商新技術跨域專案實戰
目前前後端分離的架構設計越來越流行,前後端通過API來實現資料通訊。 那如何快速開發一套符合RESTful風格的API呢? Django REST framework是基於Django框架開發的一款API框架。 使用它就可以非常快速的開發出一套健全可用的符合RE
最新vue 實戰視訊:錘子商城開發系列視訊教程
最新vue 實戰視訊:錘子商城開發系列視訊教程 《vue.js 仿錘子商城實戰》課程介紹: 這是一個基於 vue2.0 的商城實戰開發類課程,適用於對 vue 有基礎的同學。在課程中,講師會手把手教你如何在專案中使用 vue 及相關外掛實現一個完整的購物流程。從商品的展示到加入購物車,再到商品的結算、訂單
微信公眾號H5(vue)開發中遇到的坑
首先引入微信js......等等就不說了 看文件就好了 wx.config({ debug: true, // appId: response.result.appId, // 必填,公眾號的唯一標識 timestamp: response.result.tim
Vue實戰專案開發--城市列表頁面
城市選擇頁面路由配置 建立一個city-router的分支,用於城市列表的功能實現 路由配置,修改router/index.js的內容 import Vue from 'vue' import Router from 'vue-router' Vue.use(Rout
最新Vue深入淺出開發寶典視訊課程(基礎+進階+實戰)
課程目錄6 a& W! G* m9 Q+ [- a6 @ 1 Vue開發寶典-Vue.js介紹.mp47 F, t& ~# }6 [+ k- f; U c: ^- @7 b- V5 l3 K 2 Vue開發寶典-建立第一個應用.m
Vue深入淺出開發寶典視訊課程(基礎+進階+實戰)
課程目錄6 a& W! G* m9 Q+ [- a6 @ 1 Vue開發寶典-Vue.js介紹.mp47 F, t& ~# }6 [+ k- f; U c: ^- @7 b- V5 l3 K 2 Vue開發寶典-建立第一個應用.m
vue-cli專案中的跨域問題,設定訪問代理http/https
找到專案中的config資料夾下的index.js檔案,dev物件內有一個proxyTable的配置項。 dev: { // Paths assetsSubDirectory: "static", assetsPublicPath: "/", proxyT
每天一點點之vue框架開發 - 數據渲染-for循環中動態設置頁面背景色
循環 一點 動態 cloud span lin ack for循環 code 實現方式很簡單,在屬性前加:,表示綁定 :style="{‘background‘:item.bgColor} 代碼樣例: <li v-for="item in laber_c
VUE實戰第一天-知乎日報專案開發
第一步配置webpack: 開啟命令列,在指定資料夾下執行npm init,直接回車 npm install --save-dev webpack npm install --save-dev -webpack-dev-server 在pa