這里以phpstudy環(huán)境配置為例：
1.修改apache配置文件httpd.conf配置文件再榄，開啟以下模塊，去掉前面的#號(hào)即可：
LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so
2.設(shè)置域名如：http://api.vueshop.com代理nodejs的3000端口服務(wù)
需要修改虛擬主機(jī)配置文件：vhosts.conf
<VirtualHost *:80>
ServerName api.vueshop.com
ProxyRequests Off
<Proxy *>
Require all granted
</Proxy>
<Location />
ProxyPass http://127.0.0.1:3000/
ProxyPassReverse http://127.0.0.1:3000/
</Location>
</VirtualHost>
3.設(shè)置hosts文件映射
127.0.0.1 api.vueshop.com
重啟phpstudy阔馋，使配置生效。
4.開啟nodejs的3000端口服務(wù)
var express = require('express');
var app = express();
app.get('/',function(req,res){
res.end('hello nodejs');
});
app.listen("3000",function(){
console.log("server at http://127.0.0.1:3000");
});
5.瀏覽器中輸入http://api.vueshop.com訪問(wèn)可以看到以下響應(yīng)結(jié)果：
hello nodejs
