資訊專欄INFORMATION COLUMN
摘要：最終，我的解決方案如下配置如下配置路由配置該項目是用的所以只需要修改里面的的部分配置修改最終項目地址為
vue history需要nginx或者其他方式配置一下才可正確訪問，否則路由跳轉(zhuǎn)之后刷新一下便會404 具體原因vue-router官網(wǎng)有說明，在此不多說
最近遇到的問題是上了一個小的項目，需要放在更深層次的目錄下，上到測試環(huán)境 做了官網(wǎng)提到的nginx配置發(fā)現(xiàn)不行，之后查閱了一些博客資料，發(fā)現(xiàn)都沒有一個特別好的方案。最終，我的解決方案如下
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/
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/40181.html
摘要：最終，我的解決方案如下配置如下配置路由配置該項目是用的所以只需要修改里面的的部分配置修改最終項目地址為 vue history需要nginx或者其他方式配置一下才可正確訪問，否則路由跳轉(zhuǎn)之后刷新一下便會404 具體原因vue-router官網(wǎng)有說明，在此不多說 最近遇到的問題是上了一個小的項目，需要放在更深層次的目錄下，上到測試環(huán)境 做了官網(wǎng)提到的nginx配置發(fā)現(xiàn)不行，之后查閱了一些...
摘要：這個方法我沒有嘗試過，不過應(yīng)該是可行的這樣的優(yōu)點是很簡便，適合小型的網(wǎng)站項目將打包的項目和服務(wù)端分別部署客戶端根目錄主頁避免模式刷新管理控制后臺服務(wù)端跨域這樣部署雖然稍微麻煩一點，但可以適應(yīng)很多場景，而且開發(fā)分工更方便，結(jié)構(gòu)也一目了然 我個人想了2種部署方案 1、將vue項目打包后放入node服務(wù)端的靜態(tài)資源中訪問 整體結(jié)構(gòu)基本是這樣的 showImg(https://segmentf...
摘要：放置在目錄下或通過絕對路徑被引用。對于相關(guān)來說，我們推薦使用而不是直接鏈式指定。在不更改配置文件的情況下，前端頁面迭代發(fā)布，不需要重啟服務(wù)。 作者：gauseen 0. 關(guān)于 Vuejs 簡介：Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進式框架，易用、靈活、高效。 生態(tài)系統(tǒng) 項目 介紹 awesome-vue Vue.js 相關(guān)很棒的...
摘要：模式部署沒有什么問題，只要訪問到服務(wù)器上的，就可以訪問網(wǎng)站了。問題起因在做年度賬單項目的時候，項目部署的時候，用的是模式。這樣幾項配置后，就可以在子目錄下訪問網(wǎng)站，刷新也沒有問題。 寫在前面 Vue-Router 有兩種模式，默認是 hash 模式，另外一種是 history 模式。 hash：也就是地址欄里的 # 符號。比如 http://www.example/#/hello，...
閱讀 3146·2021-10-12 10:11
閱讀 1849·2021-08-16 10:59
閱讀 2861·2019-08-30 15:55
閱讀 1236·2019-08-30 14:19
閱讀 2045·2019-08-29 17:03
閱讀 2478·2019-08-29 16:28
閱讀 3229·2019-08-26 13:47
閱讀 2893·2019-08-26 13:36
