How to Deploy Vue Project in Nuxt to my Ubuntu Server
i configured my server using pm2 and apache2 but when loading using the ip address it doesn't fetch data from the backend
but when i test1 in the server machine by localhost:3002 it working fine ,test2 access in the server machine by the server actual ip:3002 same issue doesn't fetch data from backed
Please help me :vsf:
R
rohrig•93d ago
Hi @Tomy 👋 , check out this open source deployment guide. https://docs.vuestorefront.io/cookbook/oss-deployment-guide
Vue Storefront Docs
OSS Deployment Guide
In this guide we'll show you how to deploy an Open Source Vue Storefront application to a production server.
T
Tomy•93d ago
Thanks @rohrig for your response am checking the guide before that
in me local pc am working in vuestorefront project when i run with
yarn dev -> it gave me the http://10.10.20.55:3001
but when i browse its not working but
when i use http://localhost:3001 it working fine instead of the ip address
here is my nuxt configuration :
import webpack from 'webpack';
import { getRoutes } from './routes';
import theme from './themeConfig';
export default {
server: {
port: process.env.PORT 3001,
host: '0.0.0.0',
// protocol:'https'
},
env: {
GRAPHQL_API: process.env.GRAPHQL_API 'http://localhost:3000/shop-api',
SECRET_KEY: process.env.SECRET_KEY,
ACCESS_KEY: process.env.ACCESS_KEY,
PROFILE_ID: process.env.PROFILE_ID,
},
R
rohrig•93d ago
I'm guessing port 3000 was already taken so it tried 3001.
I'm also a bit confused about your port settings . . . are you attempting to run nuxt on port 3000 and the middleware also on port 3000?
T
Tomy•93d ago
i need to run in port number 3001 and the backend run in port number 3000
it think discord remove from my configuration
port: process.env.PORT 3001
GRAPHQL_API:process.env.GRAPHQL_API || 'http://localhost:3000/shop-api'
T
Tomy•93d ago
when i browse using localhost:3001 working fine
T
Tomy•93d ago
but when i browse using :
[dev:*theme] ℹ Listening on: http://10.10.4.160:3001/
R
rohrig•93d ago
T
Tomy•93d ago
i need to test in my local server without additional configuration
R
rohrig•93d ago
both the middleware and nuxt should be reachable via localhost
If you're deploying somewhere, you need to set up a reverse proxy so that both applications can run on the same server.
I show you how to do that in the guide I linked above
T
Tomy•86d ago
here is the middleware configuration :
process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
module.exports = {
integrations: {
vendure: {
location: '@vue-storefront/vendure-api/server',
configuration: {
api: {
uri: process.env.GRAPHQL_API,
// to be used later with authentication
tokenMethod: process.env.TOKEN_METHOD,
},
},
},
},
};
Thanks @rohrig
i fixed my issue
By oss development guide
before deploying to local server only for testing or production we should have valid SSL certificate if not there is CORS error..
1ST i used pm2 to start my service and acquire domain name ssl after that i follow the documentation and its working Thanks!
5.2KMembers
View on DiscordWant results from more Discord servers?
More PostsCanonical Links have forward slash encoded which breaks the pageHi. The Canonical Links that get added to the head have the forward slashes encoded to `%2F`
You caI got an error when i try to start my vue storefront projectHello @skirianov @rohrig
i got an error when i try to start my VSF1 project please check onceWhat happened to VSF and Vendure integration?Hello all, I've been up and down the channels looking for some info on integrating vendure with the how to add external checkout in vue storefront?hey, i m working on vue storefront and i wana use external checkout like i wana use the magento 2 chGET error Error when product goes out of stockWe have set up our Magento config so that out-of-stock products are not visible on the website.
If custom query to change customer passwordHi, I'm trying to change password for an existing cutomer using graphql mutations. I have a vsf2nuxtvsf adyen-commercetools express checkout flowThe v5 module only implements the new adyen session api, however express payments require the advancWhere is the demo / a theme?I've read a lot of documentation, and I can't find where frontend pages connecting the UI and SDK arstorefront-nuxt3-magento2 integrationI have installed in my local machine `storefront-nuxt3-boilerplate` and then implement a custom mageMagento 2 Docker image errorI'm using npx @vue-storefront/cli m2-only to generate the
magento2 pwa project, but encountered an eGraphQL queries are using POST, should be GETWe have noticed that all our GraphQL queries are using POST, and not GET.
We have the below defaultnavigation guardWhen i refresh a product page, an error is thrown of navigation guard.
This error is getting triggeVSF 1.12.3Hello, anyone can help for an issue on VSF v1?New project Magento integration setup with CLI not working**Replicate**
npx @vue-storefront/cli init
Magento integration template
INstall Magento 2 locally
--Post Installation errors```bash
ERROR [VSF][error]: [Network error]: TypeError: Only absolute URLs are supported Customer cart graphql API being cachedcustomer cart api is being cached on vsf. Cart is inactive when fetched with postman but still actiProductSlider and ScrollableHi.
I have latest installation of VSF and vsf-ui according to doc guide.
I am trying to use Producthosting???Dies anybody have any hosting that they recommend I asked about cloudways because I wanted somethingSDK error handlingHello 👋
We have our custom integration, using REST API.
Endpoint example:
SDK folder:
```exporSFUI 1 - SfModal have 2 close buttons on mobileI'm using storefront-ui 0.13.3 - SFUI 1 . Checked everything and i think there's a bug in this packa