npx http-server -p 8000 ⚠️ Only use this for local testing – do not browse normally with this flag.
app.use((req, res, next) => res.header("Access-Control-Allow-Origin", "*"); next(); ); Embed the XSLT as a data URI:
Header set Access-Control-Allow-Origin "*"
<?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="data:text/xsl,<xsl:stylesheet%20version='1.0'%20xmlns:xsl='http://www.w3.org/1999/XSL/Transform'><xsl:template%20match='/'>...</xsl:template></xsl:stylesheet>"?> File structure: chrome unsafe attempt to load url xslt
Then open http://localhost:8000/data.xml
<?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="style.xslt"?> <!-- or subfolder --> <?xml-stylesheet type="text/xsl" href="xslt/style.xslt"?> Instead of opening files directly ( file:// ), serve them via http://localhost .
The root cause is Chrome's security policy. The cleanest solution is to use a local web server instead of opening XML files directly from disk. npx http-server -p 8000 ⚠️ Only use this
add_header Access-Control-Allow-Origin *;
<?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="style.xslt"?> <root> <item>Hello World</item> </root>
project/ ├── data.xml └── style.xslt The cleanest solution is to use a local
cd project python -m http.server 8000 # Open http://localhost:8000/data.xml | Fix | Best for | Difficulty | |-----|----------|------------| | Relative paths | Same folder structure | Easy | | Local web server | Development/testing | Medium | | Disable web security | Quick local test only | Easy (risky) | | CORS headers | Production servers | Medium | | Data URI | Very small XSLT | Hard |
# Python 3 python -m http.server 8000 python -m SimpleHTTPServer 8000
<?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"> <html><body> <h2>Items:</h2> <xsl:for-each select="root/item"> <p><xsl:value-of select="."/></p> </xsl:for-each> </body></html> </xsl:template> </xsl:stylesheet>