Nuxt•2w ago

trying to connect devtools to remote directus instance

Hey all, I have a directus instance on a remote server that im trying to connect to using the nuxt-directus module. Module installed and set up in nuxt.config.ts as far as i can tell correctly. every time I try to access the panel in devtools i get [domain redacted] refused to connect I believe i've set the CONTENT_SECURITY_POLICY_DIRECTIVES__FRAME_SRC setting correctly on the directus instance .. adding http://localhost:* - im not sure that will be much use though as i'm not developing on the same machine that directus is running on, its there in the docker container environment variables so should be being enacted upon. i can access /items/[collection] via postman and the browser any advice please

2 Replies

kapa.ai•2w ago

Hi @Dex_Vinyl. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- I apologize, but the knowledge sources provided do not contain specific information about connecting Nuxt DevTools to a remote Directus instance or troubleshooting the "refused to connect" error you're experiencing. However, I can provide some general guidance based on the available information: 1. The Nuxt DevTools are primarily designed for local development. Connecting to a remote Directus instance might require additional configuration that isn't covered in the standard setup. 2. The Content Security Policy (CSP) setting you mentioned (CONTENT_SECURITY_POLICY_DIRECTIVES__FRAME_SRC) is related to Directus, not Nuxt. You're correct that <http://localhost:*> might not be useful if you're not developing on the same machine as Directus. 3. For Nuxt's integration with Directus, you typically need to configure the base URL in your nuxt.config.ts file. According to the Nuxt Image Directus Provider documentation, you should set it up like this:

export default defineNuxtConfig({
  image: {
    directus: {
      baseURL: '<http://your-directus-domain.com/assets/',>
    }
  }
})

export default defineNuxtConfig({
  image: {
    directus: {
      baseURL: '<http://your-directus-domain.com/assets/',>
    }
  }
})

Make sure you've correctly set the baseURL to your remote Directus instance. 4. The error "refused to connect" could be related to CORS (Cross-Origin Resource Sharing) issues. You might need to configure CORS settings on your Directus server to allow requests from your development machine. 5. If you're using Docker, ensure that the necessary ports are exposed and that your network configuration allows the connection between your development machine and the Directus container. For more specific help, you might want to check the documentation for the nuxt-directus module or reach out to their support channels, as the provided knowledge sources don't contain information about this particular module or its integration with DevTools. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•2w ago

<@389695707877212171> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Gaming

Programming

trying to connect devtools to remote directus instance

Did you find this page helpful?