使用Nginx和Vue搭建網站是現在很流行的方式。但是在一些情況下,我們需要去掉nginx和vue的一些特性。下面介紹一些去掉nginx和vue的方法。
首先是去除nginx的服務器標識,即去掉響應頭中的“Server”字段。這個可以在nginx的配置文件中設置,例如:
http { server_tokens off; }
這里的“server_tokens”指定是否開啟服務器標識。當其值為“off”時,即關閉了服務器標識。
接下來是去除vue的開發提示。在開發環境中,vue會在控制臺輸出一些提示信息來方便我們進行開發和調試。但是在生產環境中,我們不希望這些提示信息被暴露出去。可以通過在webpack的配置文件中添加以下代碼來關閉vue的開發提示:
plugins: [ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' }, '__DEV__': false }) ]
其中的“__DEV__”表示是否處于開發環境。將其設為false即關閉開發提示。
最后是去除vue-router中路由的#號。vue-router默認使用hash模式來進行路由。這會在url中加上一個“#”號。但是在一些情況下,我們希望去掉這個“#”號。可以通過在路由的配置中添加以下代碼來實現:
const router = new VueRouter({ mode: 'history', routes })
這里的“mode”指定路由使用的模式。將其設為“history”即可去掉路由中的“#”號。