将vue代理到127.0.0.1:8080

根据您提供的引用内容，您可以通过在vue.config.js文件中进行配置来将vue代理到127.0.0.1:8080。具体的配置方法如下：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8080',
        changeOrigin: true
      }
    }
  }
}

请确保在配置文件中没有其他多余的选项，比如changOrigin或者pathRewrite。这样配置后，所有以/api开头的请求将会被代理到目标地址http://127.0.0.1:8080。

另外，关于您提到的X-Frame-Options报错信息，这是因为网站设置了X-Frame-Options为deny，导致在iframe中无法加载。您可以尝试联系网站管理员，让他们修改X-Frame-Options的设置为同源策略。

最后，关于嵌套grafana监控dashboard的问题，您可以在web监控iframe中嵌入以下代码来实现：

<iframe src="http://192.168.0.1:3000/d/oidoT24Wk/apache-jmeter?refresh=5s&amp;orgId=1" width="450" height="200" frameborder="0"></iframe>

相关问题

vue代理到 127.0.0.1:8080

要将vue代理到127.0.0.1:8080，你可以按照以下步骤进行设置：
1. 打开终端或命令提示符窗口。
2. 输入以下命令以设置代理：
npm config set proxy http://127.0.0.1:8080
npm config set https-proxy http://127.0.0.1:8080
3. 确保代理设置已成功应用。

:9999/#/all-users:1 Access to XMLHttpRequest at 'http://127.0.0.1:8080/getAll' from origin 'http://localhost:9999' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. vue项目显示这个怎么解决

这个错误是由于浏览器的跨域资源共享（CORS）策略导致的。浏览器会阻止从一个源（origin）获取资源，而该资源的响应头中没有包含正确的Access-Control-Allow-Origin头部。

要解决这个问题，你可以尝试以下几种方法：

1. 在后端服务器上设置正确的响应头部。在返回响应时，包括Access-Control-Allow-Origin头部，并将其设置为你的前端应用的域名（http://localhost:9999）。这样浏览器就会允许从该域名获取资源。

2. 如果你使用的是Vue CLI来启动开发服务器，你可以配置devServer选项来代理你的API请求。在vue.config.js文件中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/getAll': {
        target: 'http://127.0.0.1:8080',
        changeOrigin: true
      }
    }
  }
}

这将把以`/getAll`开头的请求代理到`http://127.0.0.1:8080`上，绕过CORS限制。

3. 如果你只是在开发环境下遇到这个问题，你可以尝试使用浏览器插件来禁用CORS限制，如Chrome浏览器的CORS Unblock插件。

请记住，在生产环境中解决CORS问题时要小心，确保只允许来自受信任的域的请求访问你的API。