We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Problem with WebApiAdaptor

Hi I'm trying to load data with Vue component using the WebApiAdaptor, have a look at the code I implemented:
the problem is the endpoint called is the slash ("/") before the ?querystring.
Is it possible to remove that slash?


Due to this problem the datagrid is not working
Any ideas?

export default {
name: 'PageData',
components: {

data() {
return {
data: new DataManager({
url: 'http://api/data',
adaptor: new WebApiAdaptor(),
crossDomain: true
pageSettings: { pageSize: 5 },
filterOptions: {
type: 'Menu'
filter: {
type : 'CheckBox'
toolbar: ['Print', 'Search','ColumnChooser'],
mounted() {
let state = { skip: 0, take: 10 };
methods: {
dataStateChange: function (state) {
this.orderService.execute(state).then(( gridData ) => this.data = gridData );
todo() {},
provide: {
grid: [Page, Sort, Filter, Toolbar, ColumnChooser]

2 Replies

FE Federico March 30, 2019 12:32 PM UTC

Hi solved. The / is append on the OPTIONS request. CLOSED

PS Pavithra Subramaniyam Syncfusion Team April 1, 2019 04:11 AM UTC

Hi Federico,  

Thanks for your update. 

We are happy to hear that you have resolved the issue. 

Please contact us if you need any further assistance. As always, we will be happy to assist you.  

Pavithra S. 

Live Chat Icon For mobile
Up arrow icon