1. 程式人生 > >【vue2.0】解決使用vue-cli生成專案後項目地址自動新增#號的問題

【vue2.0】解決使用vue-cli生成專案後項目地址自動新增#號的問題

使用vue官方的vue-cli腳手架自動生成專案後,在啟動專案後,會自動開啟 ‘http://localhost:8080/#/’ 地址,而且一直沒法去掉“#”號。直到後來重新詳細看vue-router官方文件,才發現,這是由路由的預設配置模式引起的。

解決方法是將路由配置成history模式,程式碼如下:

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    }
  ]
})

相關推薦

vue2.0解決使用vue-cli生成專案地址自動新增#的問題

使用vue官方的vue-cli腳手架自動生成專案後,在啟動專案後,會自動開啟 ‘http://localhost:8080/#/’ 地址,而且一直沒法去掉“#”號。直到後來重新詳細看vue-router

解決使用vue-cli生成專案地址自動新增#的問題

使用vue官方的vue-cli腳手架自動生成專案後,在啟動專案後,會自動開啟 ‘http://localhost:8080/#/’ 地址,而且一直沒法去掉“#”號。直到後來重新詳細看vue-router官方文件,才發現,這是由路由的預設配置模式引起的。 解決方法是將路由配置成history模式,程式碼如下:

通過vue-cli生成專案時報錯解決方案

全域性安裝 vue-cli $ npm install -g vue-cli 建立一個基於 “webpack” 模板的新專案 $ vue init webpack my-project 在執行vue init webpack my-project時遇到一個錯

vue使用Vue-cli搭建專案流程(從零開始)

一、安裝node.js 去官網下載安裝node.js https://nodejs.org/en/ 或者可以去node.js中文網下載 http://nodejs.cn/download/ 安裝完成以後通過命令列工具輸入 node -v 檢視安裝的node.js版本 命令列工

從壹開始前後端分離 .NET Core2.0 +Vue2.0 框架之六 || API專案整體搭建 6.1 倉儲模式

 程式碼已上傳Github+Gitee,文末有地址   書接上文:前幾回文章中,我們花了三天的時間簡單瞭解了下介面文件Swagger框架,已經完全解放了我們的以前的Word說明文件,並且可以線上進行除錯,而且當專案開始之中,我們可以定義一些空的介面,或者可以返回假資料,這樣真正達到了前後端不等待的缺陷,還是

從壹開始前後端分離 .NET Core2.0 +Vue2.0 框架之七 || API專案整體搭建 6.2 輕量級ORM

更新 1、在使用的時候,特別是 update 的時候,如果不知道哪裡有問題,記得檢視資料庫 和 實體類 的欄位,是否大小寫一致,比如 name 和 Name 要學會使用資料庫監控分析器 程式碼已上傳Github+Gitee,文末有地址   書接上文:《從壹開始前後端分離【 .NET

從壹開始前後端分離 .NET Core2.0 +Vue2.0 框架之八 || API專案整體搭建 6.3 非同步泛型倉儲+依賴注入初探

程式碼已上傳Github+Gitee,文末有地址   番外:在上文中,也是遇到了大家見仁見智的評論和反對,嗯~說實話,積極性稍微受到了一丟丟的打擊,不過還好,還是有很多很多很多人的贊同的,所以會一直堅持下去,歡迎提出各種建議,問題,意見等,我這個系列呢,只是一個拋磚引玉的文章,大家可以自定義的去擴充套件學習

core學習歷程三 從壹開始前後端分離 .NET Core2.0 +Vue2.0 框架之六 || API專案整體搭建 6.1 倉儲模式 從壹開始前後端分離 .NET Core2.0 +Vue2.0 框架之七 || API專案整體搭建 6.2 輕量級ORM

繼續學習 “老張的哲學”博主的系列教程 從壹開始前後端分離【 .NET Core2.0 +Vue2.0 】框架之六 || API專案整體搭建 6.1 倉儲模式   教程這章只是簡單地過了一遍倉儲層、業務邏輯層、應用層,沒遇到大問題 ==============================

解決vue-cli build打包CSS瀏覽器相容字首自動去除的問題

今天做練手專案部署的時候碰到了個奇怪問題,開發環境裡顯示得好好的CSS prefixer樣式,到production環境就消失了。 我開發環境用的是 scss ,剛開始我還以為是 scss 處理器的問題,後來研究了下 build 指令碼,發現人家把CSS統一用一個外掛給壓縮了,然後追查之下發現這個外

如何使用vue-cli生成專案

vue-cli是什麼?vue-cli 是vue.js的腳手架,用於自動生成vue.js+webpack的專案模板,分為vue init webpack-simple 專案名 和vue init we

vue-cli生成專案修改之後編譯報錯

報錯原因:多空了一行。 這是因為初始化專案的時候Use ESLint to lint your code? (Y/n) 預設下一步,就選了y,設定了eslint(esLint是一個QA工具,用來避免低階錯誤和統一程式碼的風格,使得程式碼有良好的規範

使用vue-cli腳手架搭建簡單框架

blog npm cnblogs 模板 ext 國內 -- web ted 1.首先已經安裝了node,最好版本6以上。 2.安裝淘寶鏡像 大家都知道國內直接使用 npm 的官方鏡像是非常慢的,這裏推薦使用淘寶 NPM 鏡像。這樣就可以直接使用cnpm了。 npm ins

vue-cli創建的裏配置scss

ade fig npm 目錄 cnblogs config bash ase 項目 第一步,gitbash進入到項目目錄 npm install node-sass --save-dev npm install sass-loader --save-dev 第二步

新書推薦“十三五”國家重點出版規劃《網絡安全技術及應用》第3版出版發行

“十三五”國家重點出版規劃項目 《網絡安全技術及應用》第3版出版發行 【新書推薦】“十三五”國家重點出版規劃項目《網絡安全技術及應用》第3版出版發行 新書特色:“十三五”國家重點出版規劃項目暨上海市高校精品課程特色教材(立體化.新型態.雙色印刷-掃描二維碼可看視頻等),上海市高校優秀教材獎,核心

spring Boot1.創建第一個springBoot

web項目 conf star pen sin ocs frame parent mave 入手springBoot,搭建第一個springBoot項目。 看官方文檔還是有點別扭。 https://docs.spring.io/spring-boot/docs/curren

vue cli 構建的 webpack 設置多頁面

chunk span file cti html quick isp webpack images 1. webpack-dev-server下的設置(npm run dev) ./build/webpack.dev.conf.js 中,修改 new HtmlWebpack

使用Angular CLI生成 Angular 5

cal 寫法 ron pos 利用 前綴 dir lee AR 如果您正在使用angular, 但是沒有好好利用angular cli的話, 那麽可以看看本文. Angular CLI 官網: https://github.com/angular/angular-cli

vue-cli腳手架構建了如何去除Eslint驗證(語法格式驗證)

int orm 格式 ebp 項目 OS ade ORC brush 1.創建工程的時候,提示是否啟用eslint檢測的。 Use ESLint to lint your code? No 2.在webpack.base.conf.js裏面刪掉下面: { test:

使用vue腳手架(vue-cli)快速搭建

直接 生成 不能 搭建 original 方式 但是 setup 很慢 一、從最簡單的環境搭建開始: 安裝node.js,從node.js官網下載並安裝node,安裝過程很簡單,一路“下一步”就可以了(傻瓜式安裝)。安裝完成之後,打開命令行工具(win+r,然後輸入cm

vue-cli創建新

img ack mmm webp asa webpack bubuko round say 第一步:vue init webpack Vue-project(項目名稱) 接下來傻瓜式操作,bla bla bla ,so easay emmmm~~~~ let‘s get