首页 » PHP教程 » phpproxytable技巧_Vue进阶十七vue proxyTable设备

phpproxytable技巧_Vue进阶十七vue proxyTable设备

访客 2024-11-18 0

扫一扫用手机浏览

文章目录 [+]

dev: { // 静态资源文件夹 assetsSubDirectory: 'static', // 发布路径 assetsPublicPath: '/', // 代理配置表,在这里可以配置特定的要求代理到对应的API接口 // 例如将'localhost:8080/api/xxx'代理到'www.example.com/api/xxx' // 利用方法:https://vuejs-templates.github.io/webpack/proxy.html proxyTable: { '/api': { target: 'http://xxxxxx.com', // 接口的域名 // secure: false, // 如果是https接口,须要配置这个参数 changeOrigin: true, // 如果接口跨域,须要进行这个参数配置 pathRewrite: { '^/api': '' } } },

// 本地访问 http://localhost:8080host: 'localhost', // can be overwritten by process.env.HOST

接口地址原来是 /save/index,但是为了匹配代理地址,在前面加一个 /api, 因此接口地址须要写成:/api/save/index,这样即可生效 。

把稳: ‘/api’ 为匹配项,target 为被要求的地址,由于在 ajax 的 url 中加了前缀 ‘/api’,而原来的接口是没有这个前缀的,以是须要通过 pathRewrite 来重写地址,将前缀 ‘/api’ 转为 ‘/’。
如果本身的接口地址就有 ‘/api’ 这种通用前缀,就可以把 pathRewrite 删掉。

phpproxytable技巧_Vue进阶十七vue proxyTable设备

phpproxytable技巧_Vue进阶十七vue proxyTable设备
(图片来自网络侵删)
标签:

相关文章

aiax挪用php技巧_PHPAJAX 与 PHP

AJAX PHP 实例下面的实例将演示当用户在输入框中键入字符时,网页如何与 Web 做事器进行通信:实例考试测验在输入框中输入一...

PHP教程 2024-12-10 阅读0 评论0