## 帶二級目錄的Apache配置 　　- step1: 修改 vue.config.js 　　　　新增配置 baseUrl: '/dist/',只有配置了baseUrl,打包的時候才能打出/dist資料夾，否則，將來js的路徑就找不到了。   　　- step2: 修改路由配置  在 router/index.js 　　　　const router = new VueRouter({ 　　　　　　mode: 'history', 　　　　　　base: '/dist/', 　　　　　　routes 　　　　})

 

　　- step3: 修改apache 配置

　　　　新增： 　　　　<IfModule mod_rewrite.c> 　　　　　　RewriteEngine On 　　　　　　RewriteBase / 　　　　　　RewriteRule ^index\.html$ - [L] 　　　　　　RewriteCond %{REQUEST_FILENAME} !-f 　　　　　　RewriteCond %{REQUEST_FILENAME} !-d 　　　　　　RewriteRule . /dist/index.html [L] 　　　　</IfModule> 　　- step4: apache 反向代理配置

 

## 帶二級目錄的Nginx配置  　　- step1: 修改 vue.config.js 　　　　新增配置 baseUrl: '/dist/',只有配置了baseUrl,打包的時候才能打出/dist資料夾，否則，將來js的路徑就找不到了。   　　- step2: 修改路由配置  在 router/index.js 　　　　const router = new VueRouter({ 　　　　　　mode: 'history', 　　　　　　base: '/dist/', 　　　　　　routes 　　　　})   　　- step3: 配置nginx 　　　　在本地目錄下，建立conf.d資料夾，裡面隨意建立任意檔案 　　　　新增如下配置： 　　　　server { 　　　　　　listen 80;//埠號 　　　　　　server_name localhost;//主機域名，locahost可以換成別的域名 　　　　　　root /Users/Felix/Desktop/workspace/gp7/Vue.js/prd-maoyan;//document，目錄 　　　　　　autoindex on;//自動鎖死到html中 　　　　　　expires 1s;//nginx是有快取的，新增expires 1s可以幹掉快取，線上後一定要去掉！ 　　　　　　charset utf-8;

 

　　　　　　location /ajax { 　　　　　　　　proxy_pass http://m.maoyan.com; 　　　　　　}//反向代理，取線上的介面

 

　　　　　　location / { 　　　　　　　　try_files $uri $uri/dist /dist/index.html; 　　　　　　}//保證路由重新整理，路由找不到時，跳到這個根上。 　　　　}