VUE跨域设置：监听80端口

最近一直在折腾vue项目，之前有写过一篇帖子，是关于vue-cli跨域设置的，可以解决跨域调用接口的问题：http://blog.csdn.net/mrblacklu/article/details/63888636

但是这段时间开发下来，发现这种办法只能解决一部分此类问题。举个栗子，有时候开发会遇到调用接口需要依赖cookie的情况，但是不同域名下的cookie无法共享，这就导致在本地开发的过程中，虽然在vue-cli的config下做了跨域设置，能够调用到接口，但是却无法请求到数据的问题，这着实让人头疼不已。

针对这个问题，我想到直接将开发环境的域名配置成所需要的域名即可，即在build/dev-server.js中进行配置：

var uri = 'http://xxxxxxxx' //配置所需域名

之后在本地的hosts文件中配置地址映射：

127.0.0.1 xxxxxx

然后修改config/index下的proxyTable设置，将端口修改为80端口，之后再重新启动服务： npm run dev

然鹅，服务启动后，并没有看到意想之中页面打开的样子，相反，页面无法打开。后来发现，是因为MAC本身占用了80端口，所以在此之前，需要先关闭MAC对80端口的占用，具体方法可以参照：
http://blog.csdn.net/ilovesmj/article/details/51549119
注意：在每次重启电脑之后，都需要运行这三行命令：

sudo pfctl -d    sudo pfctl -f /etc/pf.confsudo pfctl -e 

否则设置无法生效。

在解决了MAC对80端口的占用之后，我又尝试重启项目，发现依旧不行。多方折腾之后，被公司大神告知，在MAC下启动1024以下的端口，需要使用root模式，也就是sudo。一语惊醒梦中人！遂使用sudo npm run dev即可正确运行项目，终于，本地开发得偿所愿！