Proxy Trfyx through Vue.js

Vue.js itself runs in the browser, so the proxy must be configured by the server, edge platform, or reverse proxy serving your Vue application.

Use same-origin paths

Configure your hosting layer to forward:

Request flow

/script.js   -> https://app.trfyx.com/script.js
/api/events  -> https://app.trfyx.com/api/events

The exact configuration depends on your hosting provider.

Update your tracker

Replace the default Trfyx script with the proxied path:

index.html

<script
  defer
  data-website-id="YOUR_TRFYX_PROJECT_ID"
  data-domain="yourdomain.com"
  src="/script.js"
></script>

Verify installation

Open the production Vue application and check the Network requests. Both the script and events should use your website hostname.

If your Vue site is static and you do not have a server or edge layer, use Managed Proxy instead of trying to implement the proxy inside Vue.

Next steps

Read the full proxy setup guide

Let Trfyx manage the proxy for you

Start tracking goals with Trfyx

Fix common proxy issues

Last modified on October 12, 2026

⌘I