摘要:最終,我的解決方案如下配置如下配置路由配置該項目是用的所以只需要修改里面的的部分配置修改最終項目地址為
vue history需要nginx或者其他方式配置一下才可正確訪問,否則路由跳轉之后刷新一下便會404 具體原因vue-router官網有說明,在此不多說
最近遇到的問題是上了一個小的項目,需要放在更深層次的目錄下,上到測試環境 做了官網提到的nginx配置發現不行,之后查閱了一些博客資料,發現都沒有一個特別好的方案。最終,我的解決方案如下
nginx配置如下
server { listen 443 ; server_name m; root html/mobile; location / { index index.html index.htm; try_files $uri $uri/ /auth/index.html; } }
vue router 配置
// 路由配置 const RouterConfig = { base: "/auth/", mode: "history", routes: routers };
該項目是用的vue-cli2 所以只需要修改config 里面的index.js的build部分
webpack 配置修改
build: { // Template for index.html index: path.resolve(__dirname, "../dist/auth/index.html"), // Paths assetsRoot: path.resolve(__dirname, "../dist"), assetsSubDirectory: "auth/static", assetsPublicPath: "/", /** * Source Maps */ productionSourceMap: false, devtool: "#source-map", productionGzip: false, productionGzipExtensions: ["js", "css"], bundleAnalyzerReport: process.env.npm_config_report }
最終項目地址為 m.xxx.com/auth/
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/40181.html
摘要:最終,我的解決方案如下配置如下配置路由配置該項目是用的所以只需要修改里面的的部分配置修改最終項目地址為 vue history需要nginx或者其他方式配置一下才可正確訪問,否則路由跳轉之后刷新一下便會404 具體原因vue-router官網有說明,在此不多說 最近遇到的問題是上了一個小的項目,需要放在更深層次的目錄下,上到測試環境 做了官網提到的nginx配置發現不行,之后查閱了一些...
摘要:這個方法我沒有嘗試過,不過應該是可行的這樣的優點是很簡便,適合小型的網站項目將打包的項目和服務端分別部署客戶端根目錄主頁避免模式刷新管理控制后臺服務端跨域這樣部署雖然稍微麻煩一點,但可以適應很多場景,而且開發分工更方便,結構也一目了然 我個人想了2種部署方案 1、將vue項目打包后放入node服務端的靜態資源中訪問 整體結構基本是這樣的 showImg(https://segmentf...
摘要:放置在目錄下或通過絕對路徑被引用。對于相關來說,我們推薦使用而不是直接鏈式指定。在不更改配置文件的情況下,前端頁面迭代發布,不需要重啟服務。 作者:gauseen 0. 關于 Vuejs 簡介:Vue (讀音 /vju?/,類似于 view) 是一套用于構建用戶界面的漸進式框架,易用、靈活、高效。 生態系統 項目 介紹 awesome-vue Vue.js 相關很棒的...
摘要:模式部署沒有什么問題,只要訪問到服務器上的,就可以訪問網站了。問題起因在做年度賬單項目的時候,項目部署的時候,用的是模式。這樣幾項配置后,就可以在子目錄下訪問網站,刷新也沒有問題。 寫在前面 Vue-Router 有兩種模式,默認是 hash 模式,另外一種是 history 模式。 hash:也就是地址欄里的 # 符號。比如 http://www.example/#/hello,...
閱讀 3132·2021-10-12 10:11
閱讀 1836·2021-08-16 10:59
閱讀 2844·2019-08-30 15:55
閱讀 1224·2019-08-30 14:19
閱讀 2030·2019-08-29 17:03
閱讀 2463·2019-08-29 16:28
閱讀 3213·2019-08-26 13:47
閱讀 2880·2019-08-26 13:36