vue服务器地址

㈠ Vue_cli 服务器运行后URL变成http://localhost:8080/#/

在route/index.js文件中找到routes节点，在该节点上面同级定义
mode: 'history',
这样，路由模式就变成了我们所熟悉的/A/B/C这种形式而没有#在中间；

㈡ vue配置的代理上线后还生效吗

该配置的代理上线后还生效。
需要在Vue的配置文件中进行代理配置。Vue的配置文件一般为vue.config.js或vue.js，在其中找到devServer属性。
其中，api为请求的url中的前缀名，target为要代理到的后端服务器地址，changeOrigin表示是否跨域，pathRewrite为将url中的/api前缀替换为空。
在配置文件中进行代理配置后，还需要在Vue组件中进行相关设置。

㈢ vue项目如何部署到服务器

第一步配置 vue.config.js

第二步修改路由，改为 hash模式

第三步文件打包,执行以下，目录中会出现一个dist文件夹，将文件拖到服务器的 root 文件夹中

第四步可以通过域名进行访问 http://www.linlin.run/my-project/index.html#/home

㈣ 《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，再请求的远程服务器。

正因为本地服务器脱离浏览器的束缚，解决了跨域问题！