vue怎么加域名 vue项目加入html

通过配置文件实现修改vue域名

1、1，在根目录下的public目录中添加config.js文件，内容如下：项目打包的时候会将该文件拷贝到打包文件的根目录中。

成都创新互联公司长期为上1000+客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为滦州企业提供专业的做网站、成都网站制作，滦州网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

2、问题：后端给的接口是：https：//stg-pteppp.leanapp点吸烟 /h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。

3、客户端无需做任何配置。 修改config/index.js /vue.config.js文件（改完之后千万记得要重新 npm run dev）host 将他的值修改为 0.0.0.0，代表可以访问本机所有的IP地址，让vue项目可通过localhost和IP同时访问。

4、首先，您需要打开VueAdminTemplate4的配置文件，找到“requestUrl”选项，将其修改为您想要的请求地址。然后，您需要确保您的服务器正确地处理请求，以便VueAdminTemplate4能够正确地接收和处理请求。

5、前端开发时候会遇到跨域的问题。比如向3000端口发请求，换成是8080端口代理转发请求拿数据。

在vue项目中若依框架设置多个proxy跨域代理

1、问题：后端给的接口是：https：//stg-pteppp.leanapp点吸烟 /h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。

2、在vue.config.js中添加如下配置： devServer：{ proxy：http：//localhost：5000 } 说明： 优点：配置简单，请求资源时直接发给前端（8080）即可。 缺点：不能配置多个代理，不能灵活的控制请求是否走代理。

3、配置代理分两种情况吧，一种是可以看到config文件夹的，另一种当然就是不可以看到文件夹的啦，我下面就对这两种情况具体说一下吧。

4、用了这个方法，在开发阶段，就不用设置 axios 中的 baseUrl 了，或者这样设置：然后开发阶段，你的一些ajax的请求的 url 就会匹配到 /api 开头，设置 proxy了 千万不要这么设置：看似匹配到了，实际上没有生效。。

VUE本地跨域解决方案

1、问题：后端给的接口是：https：//stg-pteppp.leanapp点吸烟 /h5/jsconfig.前端在本地开发中调用该接口跨域。解决方案：在webpack中配置proxy。如下图所示 如上： target是你要代理的域名，必须要加上http。

2、方法一 在vue.config.js中添加如下配置： devServer：{ proxy：http：//localhost：5000 } 说明： 优点：配置简单，请求资源时直接发给前端（8080）即可。

3、缺点：JSONP只支持GET请求； XMLHttpRequest相对于JSONP有着更好的错误处理机制 CORS ：是W3C 推荐的一种新的官方方案，能使服务器支持 XMLHttpRequest 的跨域请求。

4、前端开发时候会遇到跨域的问题。比如向3000端口发请求，换成是8080端口代理转发请求拿数据。

5、首先，按win+r打开vuelocalhost运行窗口，输入drivers，然后回车。其次，打开etc文件夹，然后用记事本的方式打开里面的hosts文件。最后，可以任意修改localhost的名字，把它改在我们需要的域名试下。

6、但是到了 vue 却比较茫然，因为默认的跨域方式改成了代理的方式。代理是啥呢？简单的说，浏览器直接访问其他网站，这是跨域，不行滴，那么怎么办呢？可以找个代理呀。