前提
首先是因為我的這個vue的項目編譯過后放到thinkjs里面居然顯示不出來，我不明白為什么，資源都加載完成了而且還是沒有報錯。我想了很久。
開發階段顯示沒問題，編譯階段沒問題，但是放到thinkjs里面之后久顯示不全了。所以我猜測應該是里面有寫編碼被thinkjs認為是thinkjs里面的模版認可的編碼，所以導致顯示有問題。
但是我沒有辦法解決這個問題。所以我換了其他套路，因為這個項目我一開始就是想要實現前后分離的。所以我就想，怎么去實現，我就到網站找vue在nginx的反向代理配置和實現。
思路
- 首先是前端實現一個項目，所以nginx是實用配置文件實現一個靜態文件的服務配置。
- 前端配置好了之后就需要配置后臺了，這個時候我才發現thinkjs就是使用反向代理來部署的，它是用了pm2來進行端口監控，然后用nginx來反向代理監控的端口。
- 前后都搭建好了之后，到了最麻煩的時候了，就是ajax的跨域問題，因為前端需要用到后臺的接口，所以我們需要讓后臺開放接口給前端，但是也只開放給指定的前端ip，于是我在后臺的配置里面寫了ip限定。
實現
-
后臺配置
Paste_Image.png -
前端配置
Paste_Image.png
