I am getting CSRF token error, how to resolve that issue?

Frappe Framework
1

Hear what ever i created new APIs, I am getting Response like this

	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
	<link
		href="https://fonts.googleapis.com/css2?family=DM+Sans&display=swap"
		rel="stylesheet"
	/>

	<link
		rel="stylesheet"
		href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
	/>
	<link
		rel="shortcut icon"
		href="/files/Turiyaform_Favicon-removebg-preview.png"
		type="image/x-icon"
	/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Turiyaforms</title>
	<script type="module" crossorigin src="/assets/turiya_app/turiya/assets/index-2aa17b24.js"></script>
	<link rel="stylesheet" href="/assets/turiya_app/turiya/assets/index-7e4036b6.css">
</head>
<body>
	<div id="root"></div>
	<script>
		window.csrf_token = "None";
	</script>
	
</body>

my common site config file, i added ignore_csrf token. I am using react in frappe.
Help me how to solve this.
@buildwithhussain

{
“allow_cors”: “*”,
“background_workers”: 1,
“dns_multitenant”: true,
“file_watcher_port”: 6787,
“frappe_types_pause_generation”: 0,
“frappe_user”: “ubuntu”,
“gunicorn_workers”: 5,
“ignore_csrf”: 1,
“live_reload”: true,
“maintenance_mode”: 0,
“pause_scheduler”: 0,
“rebase_on_pull”: false,
“redis_cache”: “redis://127.0.0.1:13000”,
“redis_queue”: “redis://127.0.0.1:11000”,
“redis_socketio”: “redis://127.0.0.1:13000”,
“restart_supervisor_on_update”: true,
“restart_systemd_on_update”: false,
“serve_default_site”: true,
“shallow_clone”: true,
“socketio_port”: 9000,
“use_redis_auth”: false,
“webserver_port”: 8000
}
~ ~

1 Like
2

Did you try to restart your bench?

1 Like
3

I tried bench restart
whenever we calling api i am getting this only sir. How to solve. Any access or permission we need to give for api access. What i did means i moved one existing app with react setup to new site.
I created new api in that app means i am getting this error. For exisiting code everything working properly. For new code only i am getting this how to solve this sir? please help

4

Have u got the Solution?, im facing same issue

5

I too faced the issue… @buildwithhussain in one of his github issues has mentioned that “gameplan” app was able to resolve the issue. As I understand, the vuejs starter app when run a “bench build” command will create a html file in frappe-bench/apps/your_app/your_app_module/www/frontend.html (pls note that ‘your_app_module’ is not the module generated from frappe-ui-starter-template but the default module that has hooks.py).
I replicated the structure from

This html file needs context and I created empty init.py and copy pasted code in g.py into frontend.py similar to the above gameplan directory structure. This resolved my issue

Thanks for reading and your patience,
Vinod Kumar K