㈠ vue 生产环境 多个接口域名怎么配置
在webpack.config.js文数坦唤件里薯凯面配置信衡开发服务器
devServer: {
historyApiFallback: true,
noInfo: true,
port:9188,//访问端口
colors:true
},
㈡ vue设置代理的时候填的是服务器地址吗
vue设置代理的时候填的是服务器地址。
简单的只能配置一个代理，不能控制走不走代理。vue.config.js配置
例如: 比如接口地址为/students, pubilc文件里有名为students的文件，代理服务器则不会将请求转发到服务器，会直接将public里名为student的文件里的内容返回。
㈢ vue的多页面配置
如何使用项目
项目改造过程
可以通过/sign,/test访问页面 7. 上面这种模式打包上线的时候需要后台的配置，(比如打包后的文件都在build文件夹下),nginx配置如下
server {
listen 3088;
server_name localhost;
#charset koi8-r;
#access_log /var/log/nginx/host.access.log main;
root /usr/share/nginx/html/build;
index index.html index.htm;
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
location /sign {
try_files $uri $uri/ /sign.html;
}
location /test {
try_files $uri $uri/ /test.html;
}
}
上面的配置就能直接访问www.host:3388/sign,www.host:3388/test,这样整体的多页面配置就完成了。
通过node启动一个服务器来渲染多个html页面
㈣ 《vue》设置代理服务器devServer 的 proxy
在开发环境，vue-cli 会帮我们创建一个开发服务器( http://localhost:8080 )，因此，我们请求后端服务器的时候，可能会出现跨域问题，因为跨域的三要素：域名、端口、协议其一不同。
完整的请求地址：
我的这个地址，里面本身就携带有 api 字段的
利用 vue-cli 中的 devServer 配置
记住，如果你的地址没有类似我那个地址那样，有个 api 作为标识的，你可以手动在地址上加上一些标识，然后利用 pathRewrite 再抹掉即可。
一般不会这么做，这样做意义也不大。因为这么做的话，不单单ajax请求都用的远程，连js、css、图片等其他资源都是远程返回的。。。
用了这个方法，在开发阶段，就不用设置 axios 中的 baseUrl 了，或者这样设置：
然后开发阶段，你的一些ajax的请求的 url 就会匹配到 /api 开头，设置 proxy了
千万不要这么设置：
看似匹配到了，实际上没有生效。。。（我也不知道为什么，知道的同学说一下）
实际上，这里是看不到的。。
因为，F12 这里的这个请求，实际上是发给了 本地的临时服务器，再由本地的服务器发送给远程服务器。
可以这么理解：本地服务器将F12的这个请求拦截了，然后自己偷偷改掉 url，再请求的远程服务器。
正因为本地服务器脱离浏览器的束缚，解决了跨域问题！