## 1.路由代碼中添加mode：'history' ~~~ const router = new Router({ mode: 'history', //去掉url中的# ~~~ ## 2.在nginx的配置文件.conf中對應的路徑下添加：try\_files $uri $uri/ /index.html; ~~~ server { listen 80; server_name my.vue.com; charset utf-8; location / { root /Users/libo/Documents/workspace/Vue-me/my-project/dist; index index.html index.htm index.php; try_files $uri $uri/ /index.html; } location ^~ /ssm_project/ { proxy_pass http://127.0.0.1:8081; proxy_cookie_path /127.0.0.1:8081/ /; proxy_pass_header Set-Cookie; proxy_set_header Host 127.0.0.1:8081; } } ~~~ ## 3.如果項目不在根目錄下。例如，路徑為 http://www.hahaha.com/static/index,還需要配置 3.1 config/index.js ``` module.exports \= { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/static/', //為了線上配置的目錄，如果線上沒有目錄前綴則替換為 / proxyTable: { '/api': { target: 'https://xt.yuketang.cn', changeOrigin: true ??????} }, ``` 3.2 router/index.js ``` var router \= new Router({ mode: 'history', //可以去掉url中的#。但是打包后需要后臺配置，否則會404 base: '/static/',//為了線上配置的目錄，如果線上沒有目錄前綴則可以刪掉 routes: routerMap, }) ```