无法跨域访问

同学你好！

接口就是指我们在Controller中写的内容。

是有两个项目的，请问同学你是在哪一个项目上添加的跨域的注解呢？

同学是不是写错位置了呢？

祝学习愉快~

下面的代码都是，是为跨域访问修改后的。

RestfulController.java

package com.imooc.restful.controller;

import com.imooc.restful.entity.Person;
import org.springframework.web.bind.annotation.*;

import java.util.ArrayList;
import java.util.Date;
import java.util.List;

@RestController  //此注解是在@Controller注解基础上的扩展，它表示当前控制器类是按照RESTful风格进行编写的，因此可以省略方法上的@ResponseBody注解
@RequestMapping("/restful")
@CrossOrigin(origins = {"http://localhost:8888"}, maxAge = 3600) //origins的值为允许跨域访问的url地址，maxAge为预检访问的缓存时间(ms)
public class RestfulController {
    @GetMapping("/request")
//    @ResponseBody
    public String doGetRequest() {
        return "{\"message\":\"返回查询结果\"}";
    }

    //   /restful/request/100
    @PostMapping("/request/{rid}")
//    @ResponseBody
    public String doPostRequest(@PathVariable("rid") Integer requestId, Person person){
        System.out.println(person);
        return "{\"message\":\"数据新建成功\",\"id\": " + requestId+ "}";
    }

    @PutMapping("/request")
//    @ResponseBody
    // 由于Put请求是非简单请求，因此应在web.xml开启并配置FormContentFilter过滤器
    public String doPutRequest(Person person) {
        System.out.println(person);
        return "{\"message\":\"数据更新成功\"}";
    }

    @DeleteMapping("/request")
//    @ResponseBody
    public String doDeleteRequest(){
        return "{\"message\":\"数据删除成功\"}";
    }

    @GetMapping("/person")
    public Person findByPersonId(Integer id){
        Person person = new Person();
        if(id == 1){
            person.setName("张三");
            person.setAge(12);
        } else if (id == 2) {
            person.setName("李四");
            person.setAge(34);
        }
        return person;
    }

    @GetMapping("/persons")
    public List<Person> findPersons(){
        List<Person> list = new ArrayList<Person>();
        Person p1 = new Person();
        p1.setName("张三");
        p1.setAge(12);
        p1.setBirthday(new Date());
        Person p2 = new Person();
        p2.setName("李四");
        p2.setAge(34);
        p2.setBirthday(new Date());

        list.add(p1);
        list.add(p2);
        return list;
    }
}

client.html中跨域访问的function代码

$(function () {
    $("#btnPersons").click(function () {
        $.ajax({
            // url : "/restful/persons",
            url : "http://localhost/restful/persons",  //跨域访问
            type : "get",
            dataType : "json",
            success : function (json) {
                console.info(json)
                for (var i = 0; i < json.length; i++) {
                    var p = json[i];
                    $("#divPersons").append("<h2>" + p.name + "-" + p.age + "-" + p.birthday + "</h2>")
                }
            }
        })
    })
})

同学你好！

请问同学你是否是在被访问的接口上添加的@CrossOrigin，也就是不需要添加端口号访问的那个接口，建议同学检查一下。

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

我的Tomcat端口号是8888