Javascript vue.js中的CORS策略。仅在后端访问？

如果我在

vue cli

中有一个没有

node.js

（或

express.js

）的项目，我是否可以以某种方式取消阻止此

CORS

访问？ 我试图在

vue.config.js

vue.config.js

：

       module.exports = {
        devServer: {
         proxy: {
         '/api': {
         target: 'http://18.700.121.3:8000/',
          ws: true,
         changeOrigin: true
       }
     }
   }
 }

vue模板

 import axios from 'axios'
  export default {
   name: "Jokes",
  data () {
  return {
    songs: null,
  }
 },
 },
   mounted () {
    const config = {headers: {'Access-Control-Allow-Origin': '*'}};
    axios
    .get(`http://2.788.121.2:4000/`, config) //it a sample api
    .then(
        response => (
            this.songs= response.data))
   }

}
</script>

从“axios”导入axios
导出默认值{
名称：“笑话”，
数据（）{
返回{
歌曲：空，
}
},
},
挂载（）{
const config={headers:{'Access-Control-Allow-Origin'：'*'}；
axios
.得到(`http://2.788.121.2:4000/`，config）//它是一个示例api
.那么(
响应=>(
this.songs=response.data）
}
}

但这没用。我还试着打开chrome插件

Access Control Allow Origin

，在那里我添加了对

localhost:8080

的访问权限，但仍然不起作用。 因此，唯一的选项是install node.js和add res.header（“Access Control Allow Headers”，“*”）

合上镀铬

按住Windows键并按键盘上的R键。“运行”对话框将打开

插入以下输入字段

chrome--disable web security--user data dir

，然后运行它

现在运行你的vue.js应用程序

希望能有帮助

合上镀铬

按住Windows键并按键盘上的R键。“运行”对话框将打开

插入以下输入字段

chrome--disable web security--user data dir

，然后运行它

现在运行你的vue.js应用程序

希望有帮助。

第一种方法， 在chrome Eg-Moseif Cors中使用Cors插件或将您的chrome版本降级到71以下

第二种方法，如果可以修改服务器端代码（如果使用express）

添加以下代码，您可以轻松解决此问题

var cors = require('cors')

var app = express()
app.use(cors())

第一条路， 在chrome Eg-Moseif Cors中使用Cors插件或将您的chrome版本降级到71以下

第二种方法，如果可以修改服务器端代码（如果使用express）

添加以下代码，您可以轻松解决此问题

var cors = require('cors')

var app = express()
app.use(cors())

---

尝试删除头

const config={headers:{'Access-Control-Allow-Origin'：'*'}来自请求

附加的头只会混淆浏览器
尝试删除头
const config={headers:{'Access-Control-Allow-Origin'：'*'}来自请求

附加的标题只会混淆浏览器
将其添加到devServer config？我将此部分代码添加到vue.config.js。但是这个res.header（“Access Control Allow Headers”，“*”）我没有添加，因为我读到它应该在后端。DevServer是backendOk，但我没有node.js和express.js，所以可以在前端做些什么吗？或者只安装Expression，这样您就不能更改api服务器响应头-这样您就可以进行开发，例如，代理将其传递到本地ip，其中包含一些不关心cors的内容并添加cors头-因此应该有很多解决方案。。。或者使用不关心corsadd的浏览器将其添加到devServer config？我将此部分代码添加到vue.config.js。但是这个res.header（“Access Control Allow Headers”，“*”）我没有添加，因为我读到它应该在后端。DevServer是backendOk，但我没有node.js和express.js，所以可以在前端做些什么吗？或者只安装Expression，这样您就不能更改api服务器响应头-这样您就可以进行开发，例如，代理将其传递到本地ip，其中包含一些不关心cors的内容并添加cors头-因此应该有很多解决方案。。。或者使用一个不关心corsnow的浏览器，不要在互联网上浏览任何东西，因为你的浏览器对各种各样的污点都是敞开的，我如何关闭它？关闭浏览器并打开它。它将以通常的形式打开。现在不要在internet上浏览任何内容，因为您的浏览器对各种各样的污点都是开放的。我如何关闭它？关闭浏览器并打开它。它将以通常的形式打开。