iis掛載vue項目需要先安裝vue腳手架,下面是具體步驟:
npm install -g vue-cli
安裝完成后,進入iis站點目錄下,執行下面的命令來創建vue項目:
vue init webpack my-project cd my-project npm install
創建完成后,需要修改一下webpack.base.conf.js文件,在module.exports中添加:
output:{ publicPath: '/' }
接著需要安裝一個插件——http-proxy-middleware:
npm install --save http-proxy-middleware
然后在config目錄下新建一個index.js文件,添加以下代碼:
const proxyMiddleware = require('http-proxy-middleware') module.exports = { dev: { proxyTable: { '/api': { target: 'http://localhost:8000', changeOrigin: true, pathRewrite: { '^/api': '' }, onProxyReq: function (proxyReq, req, res) { // add custom header to request proxyReq.setHeader('Authorization', 'Bearer ' + token) } } }, host: '0.0.0.0', port: 8080, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyPro: true, cssSourceMap: false } }
這里的target需要換成iis上真實的網站地址。
修改完成后,執行npm run dev,代碼會自動編譯,然后在瀏覽器中輸入http://localhost:8080即可訪問iis掛載的vue項目。
下一篇iis布置vue