您的当前位置:首页正文

Vue.js项目跨域配置

2024-11-26 来源:个人技术集锦

在开发vue项目本地开发过程中如何进行接口的调用,进行跨域设置。一般通过nginx、或者npm来进行跨域的配置。直接用Vue框架搭建的项目是可以在项目内配置跨域的。

vue.js开启跨域

项目config目录下index.js

proxyTable:{}  在括号内添加配置

proxyTable: {
     '/ser':{
       target:'url', 
       changeOrigin: true,
       pathRewrite: {
         '^/ser': ''
       }
     }
   },

url为api 接口路径

调用

src 目录下 main.js进行全局变量的定义

Vue.prototype.HOST="/ser"

this.HOST+"/(接口名称)"

显示全文